英文 | https://www.javascripttutorial.net/

译文 | 杨小爱

在上节，我们学习了padStart() 和 padEnd()，它可以帮助我们实现用另一个字符串填充一个字符串，直到结果字符串达到给定的长度，错过的小伙伴可以点击文章《【JavaScript 教程】第五章字符串04— padStart() 和 padEnd() 》进行学习。

那么，在今天的教程中，我们将一起来学习如何使用 JavaScript concat()方法连接字符串。

JavaScript String concat() 方法介绍

String.prototype.concat() 方法接受一个字符串列表并返回一个包含组合字符串的新字符串：


string.concat(str1, [...strN]);

如果参数不是字符串，则 concat() 在进行连接之前将它们转换为字符串。

建议您使用+或者+=运算符进行字符串连接以获得更好的性能。

JavaScript String concat() 示例

让我们举一些使用该concat()方法的例子。

以下示例使用该concat()方法连接字符串：


let greeting = 'Hi';let message = greeting.concat(' ', 'John');
console.log(message);

输出：


Hi John

以下示例使用该concat()方法连接数组中的字符串：


let colors = ['Blue',' ','Green',' ','Teal'];let result = ''.concat(...colors);
console.log(result);

输出：


Blue Green Teal

请注意，颜色数组参数之前的 ... 是解包数组元素的展开运算符。

3) 连接非字符串参数

本示例将数字连接成一个字符串：


let str = ''.concat(1,2,3);
console.log(str);

输出：


123
代码语言：JavaScript  ( javascript )

在此示例中， concat() 方法在连接之前将数字 1、2 和 3 转换为字符串。

总结

如果你还想学习更多的关于字符串内容，请点击下文链接进行学习。