如何在 JavaScript 中刪除字串中的空格

Kirill Ibrahim 2023年1月30日 2020年11月24日
  1. 使用 replace() 只替換白色空間
  2. 使用 replace() 只替換所有空格
  3. 在 JavaScript 中使用 split()join() 方法從字串中刪除空格
如何在 JavaScript 中刪除字串中的空格

本文將介紹從字串中刪除空格的不同方法,特別是如何刪除製表符和換行符。下面的每個方法都會有一個程式碼示例,你可以在你的機器上執行。

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>

輸出:

javascript 刪除空格

使用 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>

相關文章 - JavaScript String