How to reverse a String in JavaScript Tutorial

In this tutorial, you’ll learn how to reverse a string in JavaScript including a way to do it with using a for loop which is helpful if you get asked to solve this challenge at interview. Get my free 32 page eBook of JavaScript HowTos 👉

Other videos in the JavaScript Snippets series:

How to find the longest word in a String with JavaScript:
Find the largest number in an array JavaScript Tutorial:
Check if a String is a palindrome with JavaScript Tutorial:
Javascript String Length: How to determine the size of a string:
JavaScript join method: How to merge arrays into one value:
JavaScript How To Remove An Item From Array Tutorial:
Javascript How To Convert String To Number Tutorial:
JavaScript Create HTML Element: How to dynamically add tags to your pages:
JavaScript String Contains: How to check a string exists in another:
Link JavaScript to HTML: How to run your JavaScript code in the browser:
JavaScript Copy Array: How to make an exact copy of an array in JavaScript:
JavaScript Capitalize First Letter: How to make strings and arrays sentence case:
Javascript Print To Console Tutorial: Different ways to output data to the console:
Don’t forget to subscribe to the Junior Developer Central channel for more videos and tutorials!

Whilst it’s not the most common of tasks to do as a Junior Developer, finding out how to reverse a string in JavaScript is handy to know as it introduces you to a few new concepts in terms of handling arrays.

But wait!? A string isn’t an array!

You’re right it’s not but unfortunately for us there is no in-built function in JavaScript which will help you reverse a string in JavaScript. For example, you can’t just call str.reverse() to get a reversed version of the string.

However, as you’ll discover in the video, arrays in JavaScript do have a reverse function available to them. So if we could convert a string in to an array (with each item in the array being a character from the string) we could then reverse it easily with the Array.prototype.reverse() function.

In the tutorial you’ll learn how to do exactly this by using the split() function on the original string and then using the join() function to re-assemble it once it’s been reversed.

You’ll see that this process is very simply however sometimes you’ll be asked (perhaps at a job interview) how to reverse a string in JavaScript without using reverse method. In this instance, the interviewers are checking you can handle basic algorithmic challenges without relying on inbuilt functions.

So, in order to learn how to reverse a string in JavaScript without using reverse method, in the video we’ll discuss how to reverse a string in JavaScript with for loops. Whilst this isn’t the most elegant of ways to do it, it is fairly straightforward and it’s always good to know different ways of accomplishing the same task.


Xem thêm bài viết khác:

Article Categories:
Công Nghệ


  • You might also want to find out how to get the longest word in a string. Check out the tutorial here:

    Junior Developer Central June 27, 2020 7:31 am Reply
  • this helped a lot 😁

    Daniel James June 27, 2020 7:31 am Reply
  • Great tutorial 😀

    HÀRU June 27, 2020 7:31 am Reply
  • Thanks. This tutorial explains everything very well.

    Anna Dueck Thiessen June 27, 2020 7:31 am Reply
  • Can we use toString() instead of join

    Alekhya Krithika June 27, 2020 7:31 am Reply
  • Thank you, James, you helped me understand split(), joint, reverse() methods as I was strangling to underused it.

    DrToil June 27, 2020 7:31 am Reply
  • It's amazing, I understand both the codes. Thank you, James!

    Tatyana Molchanova June 27, 2020 7:31 am Reply

Leave a Comment

Your email address will not be published. Required fields are marked *