DEV Community

Mohamed Ibrahim
Mohamed Ibrahim

Posted on • Edited on • Originally published at mo-ibra.com

3 2

How to reverse a string in JavaScript

In this article we will learn how to reverse a string.

Unfortunately, there is no built-in function in JavaScript that directly reverses a string, and this is where your role as a programmer comes in.

And if you are familiar with the basics of JavaScript, you will do so easily.


Problem

Well, now we have a problem, which is that we want to reverse the string.

This is our string:

Hello world
Enter fullscreen mode Exit fullscreen mode

And we want to reverse it so that it becomes like this:

dlrow olleH
Enter fullscreen mode Exit fullscreen mode

And we said that there's no built-in function that does this, so how will you solve this problem?

Think a little and then come back to the solution.


Solution:

Well, the solution is simple, there is not really a function that reverse the string, but there is a function that reverse the array, right?

Now the solution is to convert the string into an array, then reverse it, and then return it again as a string.

Summarize the solution as follows:

  • Convert string into an array
  • Reverse the string
  • Convert back the array to a string

I know, I know, it might be a little difficult for you, especially if you are a beginner.

But after writing the code things will start to make sense.

Solution:

// Our string
const myString = "Hello world";

// Convert string to an array
const toArray = myString.split("");

// Reverse array
const reversedArray = toArray.reverse();

// Return it back to string
const result = reversedArray.join("");

// Print result
console.log(result);
Enter fullscreen mode Exit fullscreen mode

Output

dlrow olleH
Enter fullscreen mode Exit fullscreen mode

Ok, do you understand the previous code? We consider the answer is no.

Explanation of the solution:

First of all, we convert the string into an array with the split function.

// Convert string to an array
const toArray = myString.split("");
console.log(toArray);
Enter fullscreen mode Exit fullscreen mode

Output

[
  'H', 'e', 'l', 'l',
  'o', ' ', 'w', 'o',
  'r', 'l', 'd'
]
Enter fullscreen mode Exit fullscreen mode

Well now that the string is an array, what next?

There is a built-in function that reverse the array, right? We will use it.

// Reverse array
const reversedArray = toArray.reverse();
console.log(reversedArray);
Enter fullscreen mode Exit fullscreen mode

Output

[
  'd', 'l', 'r', 'o',
  'w', ' ', 'o', 'l',
  'l', 'e', 'H'
]
Enter fullscreen mode Exit fullscreen mode

Now we will return that array to a string using join method

// Return it back to string
const result = reversedArray.join("");
console.log(result);
Enter fullscreen mode Exit fullscreen mode

Output

dlrow olleH
Enter fullscreen mode Exit fullscreen mode

Yay! 🚀 And here the solution is complete, if you have another solution let me know :)

Thank you for reading

Thank you for reading my blog, you can read more awesome articles from my blog

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more