摘要：在本教程中，您将学习如何使用 JavaScript concat() 方法连接字符串。

JavaScript 字符串 concat() 方法简介

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

string.concat(str1, [...strN]);Code language: JavaScript (javascript)

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

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

JavaScript 字符串 concat() 示例

让我们看一些使用 concat() 方法的示例。

1) 连接字符串

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

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

console.log(message);Code language: JavaScript (javascript)

输出

Hi JohnCode language: JavaScript (javascript)

2) 连接字符串数组

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

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

console.log(result);Code language: JavaScript (javascript)

输出

Blue Green TealCode language: JavaScript (javascript)

请注意，colors 数组参数前的 ... 是 扩展运算符，它会解包数组的元素。

3) 连接非字符串参数

此示例将数字连接到字符串中。

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

console.log(str);Code language: JavaScript (javascript)

输出

123Code language: JavaScript (javascript)

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

总结

• concat() 方法连接字符串列表并返回一个包含合并字符串的新字符串。
• 使用 + 或 += 运算符来连接字符串，以获得更好的性能。