如何在 JavaScript 中删除字符串中的空格
Kirill Ibrahim
2023年1月30日
2020年11月24日
本文将介绍从字符串中删除空格的不同方法,特别是如何删除制表符和换行符。下面的每个方法都会有一个代码示例,你可以在你的机器上运行。
replace()
方法接受一个指定的值或一个正则表达式,并将它们替换到一个给定的字符串中。它返回一个新的字符串,其中指定的值被替换。
使用 replace()
只替换白色空间
string.replace(/ /g, "")
正则表达式包含一个空格字符(" "
)和全局属性。它将搜索字符串中的每一个空格,然后用第二个参数中给出的空字符串替换它们。
例子
<!DOCTYPE html>
<html>
<head>
<title>
Remove spaces from a string using JavaScript
</title>
</head>
<body>
<h2>
Remove spaces from a string using JavaScript
</h2>
<p>
Original string is:
site/ delft stack .com/
</p>
<p>
New Sentence is:
<span class="outputString"></span>
</p>
<button onclick="removeSpacesFromString()">
Clean Spaces
</button>
<script type="text/javascript">
const removeSpacesFromString = () => {
let text1 =
"site/ delft stack .com/";
let text2 =
text1.replace(/ /g, "");
document.querySelector('.outputString').textContent
= text2;
}
</script>
</body>
</html>
输出:
使用 replace()
只替换所有空格
string.replace(/\s+/g, '')
正则表达式模式 s
指的是任何空格符号:空格、制表符和换行符。
例子
<script type="text/javascript">
const removeSpacesFromString = () => {
let text1 =
"site/ delft stack .com/";
let text2 =
text1.replace(/\s+/g, '');
document.querySelector('.outputString').textContent
= text2;
}
</script>
在 JavaScript 中使用 split()
和 join()
方法从字符串中删除空格
split()
方法将一个字符串分割成一个数组并返回新的数组。
join()
方法将一个数组中的所有元素连接起来,返回一个新的字符串。
我们将使用 split
方法将字符串分割成一个以空格字符" "
作为定界符的数组,然后使用 join
方法将数组转换为一个字符串。它用这两种方法去掉了空白字符。
例子:
<html>
<head>
<title>
Remove spaces from a string using JavaScript
</title>
</head>
<body>
<h2>
Remove spaces from a string using JavaScript
</h2>
<p>
Original string is:
site/ delft stack .com/
</p>
<p>
New Sentence is:
<span class="outputString"></span>
</p>
<button onclick="removeSpacesFromString()">
Clean Spaces
</button>
<script type="text/javascript">
const removeSpacesFromString = () => {
let text1 =
"site/ delft stack .com/";
let text2 =
text1.split(" ").join("");
document.querySelector('.outputString').textContent
= text2;
}
</script>
</body>
</html>