如何在 JavaScript 中删除字符串中的空格

当前位置：主页 > 学无止境 > WEB前端 > JavaScript >

Vue React JavaScript Angular CSS HTML

如何在 JavaScript 中删除字符串中的空格

作者：迹忆客最近更新：2023/03/09 浏览次数：

本文将介绍从字符串中删除空格的不同方法，特别是如何删除制表符和换行符。下面的每个方法都会有一个代码示例，你可以在你的机器上运行。

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 删除空格

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>

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>