英文 | 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()方法的例子。
1) 连接字符串
以下示例使用该concat()方法连接字符串:
let greeting = 'Hi';
let message = greeting.concat(' ', 'John');
console.log(message);
输出:
Hi John
2) 连接字符串数组
以下示例使用该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
代码语言:
在此示例中, concat() 方法在连接之前将数字 1、2 和 3 转换为字符串。
总结
- concat() 方法连接一个字符串列表并返回一个包含组合字符串的新字符串。
- 使用 + 或 += 运算符连接字符串以获得更好的性能。
如果你还想学习更多的关于字符串内容,请点击下文链接进行学习。