ES6 | New String Methods

In ES6, four new methods were added to String. These methods are like a boon for programmers when it comes to string manipulation in JavaScript. In day to day programming, we often deal with strings. The first three methods also reduce the dependency on Regular Expression RegExp for certain tasks. Four ES6 New String Methods are described below:

  1. startsWith( queryString, position ) Method: This method returns either true, if the string starts with the provided string from the specified position, otherwise false. This method is case-sensitive. This method accepts two arguments :
    • queryString: The string which has to be searched at the beginning of the String.
    • position (optional): The position from where the search has to be start. Please note that its default value is 0.

    Below example illustrates the first method of ES6 New String Methods (startsWith(queryString, position)).

    Example:



    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    < script >
    let str = "GeeksforGeeks";
      
    console.log(str.startsWith("Geeks"));
      
    // Here specified position is 5, that means
    // searching will start from 'f' whose index
    // in string str is 5
    console.log(str.startsWith("for", 5));
      
    console.log(str.startsWith("geeks")); 
    < /script>

    chevron_right

    
    

    Output:

    true
    true
    false
    
  2. endsWith( queryString, length ) Method: This method returns either true, if the string ends with the provided string for specified length, otherwise false. This method is case-sensitive. This method accepts two arguments:
    • queryString: The string which has to be searched at the end of the String.
    • length (optional): The length of the string. Please note that its default value is length of the string.

    Below example illustrates the second method of ES6 New String Methods (endsWith(queryString, length)).

    Example:

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <script>
    let str = "GeeksforGeeks";
      
    console.log(str.endsWith("Geeks"));
      
    // Here specified length is 8, that means
    // length of str will be considered as 8
    // and rest will be omitted
    console.log(str.endsWith("for", 8));
      
    console.log(str.endsWith("geeks"));
    </script>

    chevron_right

    
    

    Output:

    true
    true
    false
    
  3. includes( queryString, position ) Method: This method returns either true if the string is present in the provided string, otherwise returns false. This method is case-sensitive. This method accepts two arguments:
    • queryString: The string which is to be searched in the String.
    • position (optional): The position from where the search has to be start. Please note that its default value is 0.

    Below example illustrates the third method of ES6 New String Methods (includes(queryString, position)).

    Example:

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <script>
    let str = "GeeksforGeeks";
      
    console.log(str.includes("eks"));
      
    // Here search will start from index 8
    // of str
    console.log(str.includes("for", 8));
      
    console.log(str.includes("geeks"));
    </script>

    chevron_right

    
    

    Output:

    true
    false
    false
    
  4. repeat( count ) Method: This method accepts single argument which is an integer value that represents the number of times the string is to be repeated. This method returns the newly created string with ‘count’ times repeated old string.

    Note: The argument provided i.e. count must be an positive integer.

    Below example illustrates the fourth method of ES6 New String Methods (repeat(count)).

    Example:


    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <script>
    let str = "GeeksforGeeks";
    console.log(str.repeat(2));
    let newStr = str.repeat(3);
    console.log(newStr);
    </script>

    chevron_right

    
    

    Output:

    GeeksforGeeksGeeksforGeeks
    GeeksforGeeksGeeksforGeeksGeeksforGeeks
    
  5. Template Literals: These literals allowed embedded expression. Single or double quotes are not it’s behavior rather that it used back-ticks “`”. There are two types of Template Literals.

    • Singleline Strings and Template Literals: The Singleline Strings and Template Literals contains the single line string below example will illustrate this.

      Example:

      filter_none

      edit
      close

      play_arrow

      link
      brightness_4
      code

      <script>
      var a = "Geeks"
      var b = "for"
      console.log(`We are the ${a+b+a} `)
      </script>

      chevron_right

      
      

      Output:

      We are the GeeksforGeeks 
    • Multiline Strings and Template Literals: This Multiline Strings and Template Literals contains the multi-line string below example will illustrate this.

      Example:

      filter_none

      edit
      close

      play_arrow

      link
      brightness_4
      code

      <script>
      var a = `GeeksforGeeks`; 
      var b = ` A Online 
      Computer Sciecne 
      Portal for Geeks`; 
        
      console.log(a + b)
      </script>

      chevron_right

      
      

      Output:

      GeeksforGeeks A Online 
      Computer Sciecne 
      Portal for Geeks

    String.raw() Method: The String.raw() method is used to print the backslash as it is and it does not bring the new line into the console.

    Example:

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <script>
    var geeks = String.raw `A Online Computer \nScience Portal for Geeks`
      
    //Printing backslash as string
    console.log(geeks)
    </script>

    chevron_right

    
    

    Output:

    A Online Computer \nScience Portal for Geek

    String.fromCodePoint() Method: The String.fromCodePoint() is an inbuilt function in JavaScript which is used to return a string or an element for the given sequence of code point value (ASCII value).

    Example:

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <script> 
      
        // Taking some code point values 
        a = String.fromCodePoint(42); 
        b = String.fromCodePoint(66, 65, 102); 
      
        // Printing the corresponding elements of 
        // the code point value. 
        console.log(a + "<br>"
        console.log(b) 
      
    </script> 

    chevron_right

    
    

    Output:

    *
    BAf


    My Personal Notes arrow_drop_up


    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.


    Article Tags :

    Be the First to upvote.


    Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.