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>