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

譯文 | 楊小愛(ài)

在上節(jié)，我們學(xué)習(xí)了padStart() 和 padEnd()，它可以幫助我們實(shí)現(xiàn)用另一個(gè)字符串填充一個(gè)字符串，直到結(jié)果字符串達(dá)到給定的長(zhǎng)度，錯(cuò)過(guò)的小伙伴可以點(diǎn)擊文章《【JavaScript 教程】第五章 字符串04— padStart() 和 padEnd() 》進(jìn)行學(xué)習(xí)。

那么，在今天的教程中，我們將一起來(lái)學(xué)習(xí)如何使用 JavaScript concat()方法連接字符串。

JavaScript String concat() 方法介紹

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

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

如果參數(shù)不是字符串，則 concat() 在進(jìn)行連接之前將它們轉(zhuǎn)換為字符串。

建議您使用+或者+=運(yùn)算符進(jìn)行字符串連接以獲得更好的性能。

JavaScript String concat() 示例

讓我們舉一些使用該concat()方法的例子。

1) 連接字符串

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

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

輸出：

Hi John

2) 連接字符串?dāng)?shù)組

以下示例使用該concat()方法連接數(shù)組中的字符串：

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

輸出：

Blue Green Teal

請(qǐng)注意，顏色數(shù)組參數(shù)之前的 ... 是解包數(shù)組元素的展開(kāi)運(yùn)算符。

3) 連接非字符串參數(shù)

本示例將數(shù)字連接成一個(gè)字符串：

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

輸出：

123
代碼語(yǔ)言：JavaScript  ( javascript )

在此示例中， concat() 方法在連接之前將數(shù)字 1、2 和 3 轉(zhuǎn)換為字符串。

總結(jié)

• concat() 方法連接一個(gè)字符串列表并返回一個(gè)包含組合字符串的新字符串。

• 使用 + 或 += 運(yùn)算符連接字符串以獲得更好的性能。

如果你還想學(xué)習(xí)更多的關(guān)于字符串內(nèi)容，請(qǐng)點(diǎn)擊下文鏈接進(jìn)行學(xué)習(xí)。

【JavaScript 教程】第五章 字符串04— padStart() 和 padEnd()

【JavaScript 教程】第五章 字符串03— trim()、trimStart() 和 trimEnd()

【JavaScript 教程】第五章 字符串02— 字符串類型

【JavaScript 教程】第五章 字符串01— JavaScript 字符串

學(xué)習(xí)更多技能

請(qǐng)點(diǎn)擊下方公眾號(hào)