Reverse a String in JavaScript

Given an input string and the task is to reverse the input string.

Examples:

Input: str = "Geeks for Geeks"
Output:  "skeeG rof skeeG"

Input: str = "Hello"
Output: "olleH"

There are many methods to reverse a string in JavaScript some of them are discussed below:

Method 1:

  • Check the input string that if given string is empty or just have one character or it is not of string type then it return “Not Valid string”.
  • If the above condition false create an array where we can store the result. Here revArray[] is the new array.
  • Loop through the array from the end to the beginning and push each and every item in the array revArray[].
  • Use join() prebuilt function in JavaScript to join the elements of an array into a string.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<script>
function ReverseString(str) {
  
    // Check input
    if(!str || str.length < 2 || 
            typeof str!== 'string') {
        return 'Not valid'; 
    }
      
    // Take empty array revArray
    const revArray = [];
    const length = str.length - 1;
      
    // Looping from the end
    for(let i = length; i >= 0; i--) {
        revArray.push(str[i]);
    }
      
    // Joining the array elements
    return revArray.join('');
}
  
document.write(ReverseString("Geeks for Geeks"))
</script>

chevron_right






                        filter_none








Output:


skeeG rof skeeG


Method 2:


    

  • Use split() inbuilt function in JavaScript to split string into array of characters i.e. [ ‘G’, ‘e’, ‘e’, ‘k’, ‘s’, ‘ ‘, ‘f’, ‘o’, ‘r’, ‘ ‘, ‘G’, ‘e’, ‘e’, ‘k’, ‘s’ ]
    • 

  • Use reverse() function in JavaScript to reversal the array of characters i.e. [ ‘s’, ‘k’, ‘e’, ‘e’, ‘G’, ‘ ‘, ‘r’, ‘o’, ‘f’, ‘ ‘, ‘s’, ‘k’, ‘e’, ‘e’, ‘G’ ]

    • 

  • Use join() function in JavaScript to join the elements of an array into a string.
    • 



Example:











                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<script> 


  


// Function to reverse string 


function ReverseString(str) { 


   return str.split('').reverse().join('') 


} 


  


// Function call  


document.write(ReverseString("Geeks for Geeks")) 


</script> 



















                        chevron_right







                        filter_none








Output:


skeeG rof skeeG


Method 3: 


    

  • Use spread operator instead of split() function to convert string into array of characters i.e. [ ‘G’, ‘e’, ‘e’, ‘k’, ‘s’, ‘ ‘, ‘f’, ‘o’, ‘r’, ‘ ‘, ‘G’, ‘e’, ‘e’, ‘k’, ‘s’ ]. Learn more about the spread operator here Spread Operator
    • 

  • Use reverse() function in JavaScript to reversal the array of characters i.e. [ ‘s’, ‘k’, ‘e’, ‘e’, ‘G’, ‘ ‘, ‘r’, ‘o’, ‘f’, ‘ ‘, ‘s’, ‘k’, ‘e’, ‘e’, ‘G’ ]
    • 

  • Use join() function in JavaScript to join the elements of an array into a string. 
    • 



Example:











                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<script> 


const ReverseString = str => [...str].reverse().join(''); 


  


document.write(ReverseString("Geeks for Geeks")) 


</script> 



















                        chevron_right







                        filter_none








Output:


skeeG rof skeeG



          
          
          
          

            

    

        My Personal Notes
        arrow_drop_up
    

    

        
        

            
            
        

    


Recommended Posts:
Image
anuupadhyay
Web Developer, Technical Content Writer
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on  the "Improve Article" button below.