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