如何在 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>