Learn JavaScript Reverse String – 4 Ways

In this instructional exercise, I will discuss how you can turn around a string in JavaScript language.

This is a well-known inquiry for example asked in interviews. There are numerous manners by which we can invert a string. Here I will talk about various manners by which we can accomplish this.

Javascript (JS) is a scripting dialect, principally utilized on the Web. It is utilized to upgrade HTML pages and is generally discovered installed in HTML code. JavaScript is a translated language. Subsequently, it shouldn’t be ordered. JavaScript renders website pages in an intuitive and dynamic style. This enabling the pages to respond to occasions, display embellishments, acknowledge variable content, approve the information, make treats, identify a client’s program, and so forth.

JavaScript Reverse String

Utilizing Buitin Function

To turn around a string utilizing worked in strategies we need to chain a few techniques like join, split and switch.

For this first, we have to change over the string into a cluster by utilizing split technique then after this, we need to switch that exhibit at that point join the cluster utilizing join strategy. You can check the beneath model.

let Str="Hello";
let spltStr=Str.split("");
let reverseStr=spltStr.reverse();
let joinStr=reverseStr.join("");
console.log(joinStr);

You can do this in one line as given beneath.

function reverseString(str) { 
return str.split("").reverse().join(""); 
}
reverseString("hello");

You can likewise make an array example by utilizing Array.from inbuilt capacity.

To start with, use Array.from() to transform a string into a cluster, at that point Array.prototype.reverse() to turn around the exhibit, and after that Array.prototype.join() to make it back a string.

constreverseStr = str => Array.from(str).reverse().join('');
console.log(reverseStr('hello'));

Utilizing Loops

Loop is a procedure of rehashing a square of code until a particular condition is met. Thus, we can turn around a string utilizing for or while loop.

For loop:

function reverseStr(str) {
	var newString = "";
	for (var i = str.length - 1; i >= 0; i--) {
	newString += str[i];
  }
     return newString;
}
console.log(reverseStr('helloWorld'))

While loop:

var name = "Hello";
function reverseString(sampleStr) {
	if(!sampleStr.trim() || 'string' !== typeof sampleStr) {
		return;
	}
	let strLength=sampleStr.length, s='';
	while(strLength > 0) {
		strLength--;
		s+= sampleStr[strLength];
	}
	return s;
}
console.log(reverseString(name))

Using Recursion

Recursion is a procedure where capacity called itself either legitimately or in a roundabout way.

function reverseString(str) {
	if (str === "")
		return "";
	else
		return reverseString(str.substr(1)) + str.charAt(0);
}
 console.log(reverseString('hello World'))

Using Ternary Operator

It is only a shorthand rendition of if restrictive articulation. In this administrator, it requires at any rate 3 operands. You can build the administrators as indicated by condition. Here I have utilized the substr() strategy and charAt technique. They are inbuilt strategies in javascript.

Substr technique restores the characters in a string starting at the predefined area through the predetermined number of characters.

“hello”.substr(1); // “ello”

The charAt() technique restores the predefined character from a string.

“hello”.charAt(0); //”h”

function reverseStr(str) {
	return (str === '') ? '' : reverseStr(str.substr(1)) + str.charAt(0);
}
 console.log(reverseStr("hello"))