如何在JavaScript中使用concat()方法为拼接字符串添加空格
2026-5-21
如何用concat()拼接字符串时添加空格
嘿，这事儿超简单的！concat()方法本身就支持传入多个字符串参数，你只需要把空格字符串作为参数插到要拼接的内容中间就行啦。
举个例子，你原来的代码是这样拼接的：
var three = one.concat(two)
想要在abc和def之间加空格的话，直接把" "作为中间参数传进去就行：
var combined = one.concat(" ", two);
如果是拼接多个字符串（比如三个及以上），同样的逻辑，每个需要分隔的地方都加一个空格参数：
var one = "abc"; var two = "def"; var four = "ghi"; var combinedAll = one.concat(" ", two, " ", four); // 结果是 "abc def ghi"
给你补全完整的HTML代码示例，你可以直接用：
<HTML> <head> <title>Concat with Space</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); // 把结果放到第一个label里 document.getElementById("label_one").textContent = three; // 再试试三个字符串拼接的情况 var four = "ghi"; var combinedAll = one.concat(" ", two, " ", four); document.getElementById("label_two").textContent = combinedAll; </script> </body> </HTML>
顺带提一句，除了concat()，你也可以用ES6的模板字符串或者加号拼接来实现，不过既然你指定要用concat()，上面的方法就完全够用啦～
内容的提问来源于stack exchange，提问作者Raheel
