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 ? https://bit.ly/2ThXPL3


Other videos in the JavaScript Snippets series:

How to find the longest word in a String with JavaScript: https://youtu.be/j9cAav7VIv4
Find the largest number in an array JavaScript Tutorial: https://youtu.be/fOFSmCjvcFY
Check if a String is a palindrome with JavaScript Tutorial: https://youtu.be/_KE_yCKBqUA
Javascript String Length: How to determine the size of a string: https://youtu.be/OO0_9gq8NNI
JavaScript join method: How to merge arrays into one value: https://youtu.be/90MVWda5DlM
JavaScript How To Remove An Item From Array Tutorial: https://youtu.be/UvohHcj9I-s
Javascript How To Convert String To Number Tutorial: https://youtu.be/K-Twvsg3K_M
JavaScript Create HTML Element: How to dynamically add tags to your pages: https://youtu.be/VsXCK_2DJzA
JavaScript String Contains: How to check a string exists in another: https://youtu.be/uLT9iPccVZs
Link JavaScript to HTML: How to run your JavaScript code in the browser: https://youtu.be/821C5aJ3SLM
JavaScript Copy Array: How to make an exact copy of an array in JavaScript: https://youtu.be/5rybkWfeh-A
JavaScript Capitalize First Letter: How to make strings and arrays sentence case: https://youtu.be/8IEI-7fj2j4
Javascript Print To Console Tutorial: Different ways to output data to the console: https://youtu.be/pkFbigsR7jI
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. Channel Handle @codebubb