在 JavaScript 中创建一个包含多个空格的字符串

我们有一个带有额外空格的字符串，如果我们想在浏览器中显示它，则不会显示额外的空格。可以通过以下方式将空格数添加到字符串中。

substr():
此方法获取字符串的一部分，从定义位置的字符开始，并返回指定数量的字符。

句法：

string.substr(start, length)

参数：

• 开始：
  此参数是必需的。它指定开始提取的位置。第一个索引从 0 开始。
  • 如果 start 参数为正且大于或等于提供的字符串的长度，则此方法将返回一个空字符串。
  • 如果 start 参数为负数，则此方法将其用作字符串末尾的索引。
  • 如果 start 参数为负数或大于字符串的长度，则 start 为 0。
• 长度：此参数是可选的。它指定要提取的字符数。如果不使用，它会提取整个字符串。

返回值：返回一个新的字符串，其中包含提取的部分文本。如果长度为 0 或负数，它将返回一个空字符串。

示例 1：此示例通过 在字符串中添加空格。

  

    
        JavaScript 
      | Create a string with multiple spaces.
    

  

      
            GeeksForGeeks  
        
    
    
    
        Add spaces
    
    
    
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var string = 'A Computer Science Portal';
        el_up.innerHTML = string;
  
        function gfg_Run() {
            el_down.innerHTML = string.substr(0, 2) + 
              '&nbsp &nbsp &nbsp &nbsp &nbsp ' +
              string.substr(2);
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例通过\xa0(it's a NO-BREAK SPACE char)在字符串中添加空格。

  

    
        JavaScript 
      | Create a string with multiple spaces.
    

  

      
            GeeksForGeeks  
        
    
    
    
        Add spaces
    
    
    
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var string = 'A Computer Science Portal';
        el_up.innerHTML = string;
  
        function gfg_Run() {
            el_down.innerHTML = string.substr(0, 18) +
              '\xa0\xa0\xa0\xa0\xa0\xa0\xa0 ' +
              string.substr(18);
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：