189 8069 5689
JavaScript中怎么组合字符串，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
我们提供的服务有：网站设计、成都网站设计、微信公众号开发、网站优化、网站认证、东风ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的东风网站制作公司
1. 模板字符串
如果你来自另一种语言(例如Ruby)，则将熟悉字符串插值一词。这正是模板字符串要实现的目标。这是在字符串创建中包含表达式的一种简单方法，该方法简洁明了。
const name = 'samantha'; const country = '';
(1) 字符串连接中缺少空格的问题
在模板字符串之前，这是我的字符串的结果
"Hi, I'm " + name + "and I'm from " + country;
☝️ 你发现我的错误了吗?我缺少空格。在连接字符串时，这是一个非常普遍的问题。
// Hi, I'm samanthaand I'm from
(2) 用模板字符串解决
使用模板字符串，可以解决此问题。你可以按照你想要的字符串显示方式编写。所以很容易发现是否缺了一个空格，现在超级可读，耶!
`Hi, I'm ${name} and I'm from ${country}`;2. join()
join 方法合并数组的元素并返回一个字符串。因为它与数组一起使用，所以如果要添加其他字符串，它非常方便。
const instagram = '@samanthaming'; const twitter = '@samantha_ming'; const array = ['My handles are ', instagram, twitter]; const tiktok = '@samantaming'; array.push(tiktok); array.join(' '); // My handles are @samanthaming @samantha_ming @samanthaming自定义分隔符
join 的好处在于，你可以自定义组合数组元素的方式。你可以通过在其参数中传递分隔符来实现。
const array = ['My handles are ']; const handles = [instagram, twitter, tiktok].join(', '); // @samanthaming, @samantha_ming, @samanthaming array.push(handles); array.join(''); // My handles are @samanthaming, @samantha_ming, @samanthaming3. concat()
使用 concat，可以通过在字符串上调用方法来创建新字符串。
const instagram = '@samanthaming'; const twitter = '@samantha_ming'; const tiktok = '@samanthaming'; 'My handles are '.concat(instagram, ', ', twitter', ', tiktok); // My handles are @samanthaming, @samantha_ming, @samanthaming
结合字符串和数组
还可以使用 concat 将字符串与数组组合在一起。当我传递数组参数时，它将自动将数组项转换为以逗号分隔的字符串。
const array = [instagram, twitter, tiktok]; 'My handles are '.concat(array); // My handles are @samanthaming,@samantha_ming,@samanthaming
果您希望格式更好，我们可以使用 join 来定制分隔符。
const array = [instagram, twitter, tiktok].join(', '); 'My handles are '.concat(array); // My handles are @samanthaming, @samantha_ming, @samanthaming4. +操作符
关于在组合字符串时使用 + 运算符的一件有趣的事情。你可以用来创建新的字符串，也可以通过添加现有字符串来对其进行突变。
(1) 非可变
在这里，我们使用 + 创建一个全新的字符串。
const instagram = '@samanthaming'; const twitter = '@samantha_ming'; const tiktok = '@samanthaming'; const newString = 'My handles are ' + instagram + twitter + tiktok;
(2) 可变的
我们还可以使用 += 将其附加到现有字符串中。所以如果出于某种原因，你需要一种改变的方法，这可能是你的一个选择。
let string = 'My handles are '; string += instagram + twitter; // My handles are @samanthaming@samantha_ming
哦，该死的再次忘记了空格。看到了!连接字符串时很容易错过空格。
string += instagram + ', ' + twitter + ', ' + tiktok; // My handles are @samanthaming, @samantha_ming, @samanthaming
感觉还是很乱的，我们把 join 扔进去吧!
string += [instagram, twitter, tiktok].join(', '); // My handles are @samanthaming, @samantha_ming, @samanthaming5. 字符串中的转义字符
当字符串中包含特殊字符时，组合时首先需要转义这些字符。让我们看一些情况，看看如何避免它们
(1) 转义单引号或撇号(’)
创建字符串时，可以使用单引号或双引号。知道了这些知识，当你的字符串中出现单引号时，一个很简单的解决方法就是用相反的方法来创建字符串。
const happy = ; ["I'm ", happy].join(' '); ''.concat("I'm ", happy); "I'm " + happy; // RESULT // I'm当然，您也可以使用反斜杠 \ 来转义字符。但是我发现它有点难以阅读，所以我并不经常这样。
const happy = ; ['I\'m ', happy].join(' '); ''.concat('I\'m ', happy); 'I\'m ' + happy; // RESULT // I'm由于模板字符串正在使用反引号，因此这种情况不适用于它
(2) 转义双引号(“)
类似于转义单引号，我们可以使用相同的方法来使用相反的引号。因此，为了转义双引号，我们将使用单引号。
const flag = ''; ['Canada "', flag, '"'].join(' '); ''.concat('Canada "', flag, '"'); 'Canada "' + flag + '"'; // RESULT // Canada ""是的，还可以使用反斜杠转义符。
(3) 转义符(`)
因为模板字符串使用反引号创建其字符串，所以当要输出该字符时，我们必须使用反斜杠对其进行转义。
看完上述内容，你们掌握JavaScript中怎么组合字符串的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！