在 JavaScript 中从字符串中删除子字符串
Kirill Ibrahim
2023年1月30日
2021年1月22日
-
JavaScript
replace()从字符串中删除特定子字符串的方法 -
JavaScript
replace()方法使用 Regex 从一个字符串中删除所有出现的特定子字符串 -
从字符串中提取特定子字符串的 JavaScript
substr()方法
JavaScript 有两种常用的方法来删除字符串中的子字符串。下面的每个方法都会有一个代码示例，你可以在你的机器上运行。
JavaScript replace() 从字符串中删除特定子字符串的方法
replace() 函数是 JavaScript 的一个内置函数。它用另一个字符串或正则表达式替换给定字符串的一部分。它从一个给定的字符串中返回一个新的字符串，并保持原来的字符串不变。
replace() 语法
Ourstring.replace(Specificvalue, Newvalue)
Specificvalue 将被新的值-Newvalue 替换。
JavaScript replace() 方法示例
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a substring from string in JavaScript?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<p>Our string is DelftStac for Software</p>
<p>
Our New String is: <span class="output"></span>
</p>
<button onclick="removeText()">
Generate Text
</button>
<script type="text/javascript">
function removeText() {
ourWord = 'DelftStac for Software';
ourNewWord = ourWord.replace('DelftStack', '');
document.querySelector('.output').textContent
= ourNewWord;
}
</script>
</body>
</html>
JavaScript replace() 方法使用 Regex 从一个字符串中删除所有出现的特定子字符串
在全局属性中使用正则表达式代替 Specificvalue。
例:
<!DOCTYPE html>
<html>
<head>
<title>
How to remove to remove all occurrences of the specific substring from string in JavaScript?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<p>Our string is DelftStackforDelftStack</p>
<p>
Our New String is: <span class="output"></span>
</p>
<button onclick="removeText()">
Generate Text
</button>
<script type="text/javascript">
function removeText() {
ourWord = 'DelftStackforDelftStack';
ourNewWord = ourWord.replace(/DelftStack/g, '');
document.querySelector('.output').textContent
= ourNewWord;
}
</script>
</body>
</html>
从字符串中提取特定子字符串的 JavaScript substr() 方法
substr() 函数是 JavaScript 中的一个内置函数，用于从给定的字符串中提取一个子字符串或返回字符串的一部分。它从指定的索引开始，并扩展给定数量的字符。
substr() 语法
string.substr(startIndex, length)
startIndex 是必需的。length 是可选的，是从该 Startindex 中选择的字符串长度，如果没有指定，则提取到字符串的其余部分。
例：
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a substring from string in JavaScript?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<p>Our string is DelftStackforDelftStack</p>
<p>
Our New String is: <span class="output"></span>
</p>
<button onclick="removeText()">
Generate Text
</button>
<script type="text/javascript">
function removeText() {
ourWord = 'DelftStackforDelftStack';
ourNewWord = ourWord.substr(10,13);
document.querySelector('.output').textContent
= ourNewWord;
}
</script>
</body>
</html>