JavaScript 删除字符串中的第一个字符
Kirill Ibrahim
2023年1月30日
2020年11月7日
-
JavaScript
substring()从字符串中删除第一个字符的方法 -
JavaScript
slice()方法从字符串中删除第一个字符 -
JavaScript
replace()方法从字符串中删除第一个字符
JavaScript 有不同的方法来删除字符串中的第一个字符。由于字符串在 JavaScript 中是不可改变的，所以我们的想法是创建一个新的字符串。下面的每个方法都会有一个代码示例，你可以在你的机器上运行。
JavaScript substring() 从字符串中删除第一个字符的方法
substring() 函数是 JavaScript 的一个内置函数。它从给定字符串的起始索引到结束索引返回一个新的字符串。
substring 语法
substring(startIndex, endIndex)
startIndex 是必需的，endIndex 是可选的。如果没有指定 endIndex，substring() 会选择从 startIndex 到字符串末端的所有字符。
JavaScript substring() 举例
<!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 及以后的所有字符。
JavaScript slice() 方法从字符串中删除第一个字符
slice() 方法提取字符串的一部分，并将该部分返回到一个新的字符串中。
slice() 方法的语法
slice(startIndex, endIndex)
startIndex 是必需的，endIndex 是可选的。如果没有指定 endIndex，slice() 会选择从 startIndex 到字符串末端的所有字符。
JavaScript slice() 方法举例
<!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>
JavaScript replace() 方法从字符串中删除第一个字符
replace() 方法用于用一个新的替换字符串替换字符串的一部分。
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>