如何在 JavaScript 中使用 concat() 方法在字符串之间留出空格

Rah*_*eel 3 html javascript

我想使用 concat() 方法连接多个字符串,它工作正常,但如何在它们之间留出空白

<HTML>
    <head>
       <title></title>
    </head>
    <body>
       <label id="label_one" style="color:blue;"></label><br/>
       <label id="label_two" style="color:blue;"></label><br/>
       <label id="label_three" style="color:blue;"></label><br/>
       <script>
           var one = "abc";
           var two = "def";
           var three = one.concat(two)
           var four = three.length;
           var variableLen = one.concat(three, four);
           document.getElementById("label_one").innerHTML = one;
           document.getElementById("label_two").innerHTML = two;
           document.getElementById("label_three").innerHTML = variableLen;
       </script>
    </body>
</HTML>
Run Code Online (Sandbox Code Playgroud)

我的输出是

abcdef6 我希望我的输出像这样abc def 6连接后有空格并使用 JavaScript 的 concate() 方法而不是连接运算符(+)

Joc*_*fer 10

试试这个[one,two].join(' '); (根据需要适应您的需求,即构建一个字符串数组,然后使用join


Zac*_*ith 5

一种方法是:

var one = "abc";
var two = "def";
var three = one.concat(" ", two);
var four = three.length;
var variableLen = one.concat(" ", two, " ", four);
Run Code Online (Sandbox Code Playgroud)

然而,作为另一个答案提到的使用可能会更好join。另外,您可能会注意到该concat()函数采用可变数量的参数。您可以在自己的函数中实现这一点,如下所示:

function func1() {
  console.log(arguments); // => [1,2,3]
}

func1(1, 2, 3);
Run Code Online (Sandbox Code Playgroud)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments