Open In App

Delete first character of a string in JavaScript

Improve
Improve
Like Article
Like
Save
Share
Report

In this article, we will delete the first character of a string in Javascript. There are many ways to delete the first character of a string in JavaScript.

Below are the methods used to delete the first character of a string in JavaScript:

Method 1: Using slice() Method

The slice() method extracts the part of a string and returns the extracted part in a new string. If we want to remove the first character of a string then it can be done by specifying the start index from which the string needs to be extracted. We can also slice the last element.

Syntax:

string.slice(startingindex, endingindex);

Example: This example shows the above-explained approach.

html




<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Delete first character of a string in JavaScript
    </title>
</head>
 
<body>
    <h3> Delete first character
        of a string
    </h3>
    <p>
        Click on button to display the
        extracted part of the string
    </p>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG"></p>
 
    <script>
        function myGeeks() {
            let str = "GeeksforGeeks";
            let result = str.slice(1);
 
            document.getElementById("GFG").innerHTML
                = result;
        }
    </script>
</body>
</html>


Output:

Output using slice() method

Method 2: Using substr() Method

The string.substr() is an inbuilt function in JavaScript that is used to return the part of the given string from the start index to the end index. Indexing starts from zero (0). 

Syntax:

string.substr(Startindex, Endindex);

Example: This example shows the above-explained approach.

HTML




<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Delete first character of a string in JavaScript
    </title>
</head>
 
<body>
    <h3>
        Delete first character
        of a string
    </h3>
    <p>
        Click on button to display the
        extracted part of the string
    </p>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG"></p>
 
    <script>
        function myGeeks() {
            let str = "GeeksforGeeks";
            let result = str.substr(1);
            document.getElementById("GFG").innerHTML
                = result;
        }
    </script>
</body>
</html>


Output:

Output using substr() method

Method 3: Using replace() method

The string.replace() function is an inbuilt function in JavaScript that is used to replace a part of the given string with some other string or a regular expression. The original string will remain unchanged.

Syntax:

string.replace(searchvalue, newvalue);

Example: This example shows the above-explained approach.

html




<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Delete first character of a string in JavaScript
    </title>
</head>
 
<body>
    <h3>
        Delete first character
        of a string
    </h3>
    <p>
        Click on button to display the
        extracted part of the string
    </p>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG">GeeksforGeeks</p>
 
    <script>
        function myGeeks() {
            let str = document.getElementById("GFG").innerHTML;
            let res = str.replace("GeeksforGeeks", "eeksforGeeks");
            document.getElementById("GFG").innerHTML = res;
        }
    </script>
</body>
</html>


Output:

Output using replace() method

Method 4: Using the substring() method  

In javascript the substring method returns a substring of string based on the index numbers provided as arguments.

Syntax:

str.substring(index);

Example: In this example, we will delete the first character of the string by providing an index value.

HTML




<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Delete first character of a string in JavaScript
    </title>
</head>
 
<body>
    <h3>
        Delete first character
        of a string
    </h3>
    <p>
        Click on button to display the
        extracted part of the string
    </p>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG"></p>
 
    <script>
        function myGeeks() {
            let str = "GeeksforGeeks";
            let result = str.substring(1);
            document.getElementById("GFG").innerHTML
                = result;
        }
    </script>
</body>
</html>


Output: 

Output using substring() method



Last Updated : 18 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads