JavaScript 删除字符串中的第一个字符

当前位置：主页 > 学无止境 > WEB前端 > JavaScript >

Vue React JavaScript Angular CSS HTML

JavaScript 删除字符串中的第一个字符

作者：迹忆客最近更新：2023/03/10 浏览次数：

JavaScript 有不同的方法来删除字符串中的第一个字符。由于字符串在 JavaScript 中是不可改变的，所以我们的想法是创建一个新的字符串。下面的每个方法都会有一个代码示例，你可以在你的机器上运行。

substring() 函数是 JavaScript 的一个内置函数。它从给定字符串的起始索引到结束索引返回一个新的字符串。

substring(startIndex, endIndex)

startIndex 是必需的，endIndex 是可选的。如果没有指定 endIndex，substring() 会选择从 startIndex 到字符串末端的所有字符。

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString"></p> 
  
    <script>         
        const removeFirstChar = () => {
             let str1 = "DelftStack";
            let str2 = str1.substr(1);
            console.log(str2);
            document.getElementById("displayString").innerHTML  = str2;      
        }
    </script> 
</body>   

</html>

通过传递 1 作为参数，函数将返回索引 1 及以后的所有字符。

slice() 方法提取字符串的一部分，并将该部分返回到一个新的字符串中。

slice(startIndex, endIndex)

startIndex 是必需的，endIndex 是可选的。如果没有指定 endIndex，slice() 会选择从 startIndex 到字符串末端的所有字符。

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
  
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString"></p> 
  
    <script>         
        const removeFirstChar = () => {
             let str1 = "DelftStack";
            let str2 = str1.slice(1);
            console.log(str2);
            document.getElementById("displayString").innerHTML  = str2;      
        }
    </script> 
</body> 
  
</html>

replace() 方法用于用一个新的替换字符串替换字符串的一部分。

replace(paramA, paramB)

paramA 是指定的字符串或正则表达式，来自给定字符串的一部分，我们要用一个新的值来替换，paramB 是一个新的值。两者都是必须的。

这里，我们使用 replace(/^./, "") 来删除第一个字符，因为/^./表示第一个字符，而""是空字符串。

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        Remove the first character 
    </title> 
</head> 
  
<body> 
  
    <h2> 
        Click on button to display the 
        `DelftStack` without first character.
    </h2> 
      
    <button onclick="removeFirstChar()"> 
        Click Button
    </button> 
      
    <p id="displayString">DelftStack</p> 
  
    <script>         
        const removeFirstChar = () => {
            let str1 = document.getElementById("displayString").innerHTML;  
            let str2 = str1.replace(/^./, ""); 
            document.getElementById("displayString").innerHTML = str2;
            console.log(str2);     
        }
    </script> 
</body> 
  
</html>