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

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

添加多个空格的方法：

• 使用JavaScript substr() 方法
• 使用padStart()和padEnd()方法

方法1：使用 JavaScript substr() 方法

这个方法从字符串中获取一部分，从定义位置的字符开始，并返回指定数量的字符。

语法：

string.substr(start, length)  

示例 1： 此示例通过 &nbsp 来给字符串添加空格。

// Input String    
let string = "A Computer Science Portal";
// Display input string
console.log(string);
 
// Funcion to add space
function gfg_Run() {
    console.log(
        string.substr(0, 2) + "     " + string.substr(2)
    );
}
 
// Function call
gfg_Run();

输出

A Computer Science Portal
A      Computer Science Portal

示例2： 该示例通过 \xa0（它是一个不换行空格字符） 向字符串添加空格。 。

// Input String
let string = "A Computer Science Portal";
// Display input string
console.log(string);
 
// Funcion to add space
function gfg_Run() {
    console.log(
        string.substr(0, 18) +
            "\xa0\xa0\xa0\xa0\xa0\xa0\xa0 " +
            string.substr(18)
    );
}
 
// Function call
gfg_Run();

输出

A Computer Science Portal
A Computer Science         Portal

方法2：使用padStart()和padEnd()方法

这些方法用于在字符串的开头和结尾添加填充或空格。

示例： 在此示例中，我们将使用上述方法与substr()方法来在字符串中添加空格。

// Input String
let string = "A Computer Science Portal";
// Display input string
console.log(string);
 
// Funcion to add space
function gfg_Run() {
    console.log(
        string.substr(0, 2).padEnd(3, " ") +
            string.substr(2, 17) +
            string.substr(18).padStart(3, " ")
    );
}
 
// Function call
gfg_Run();

输出

A Computer Science Portal
A  Computer Science  Portal