如何在 JavaScript 中连接字符串

在 JavaScript 中，连接字符串是一项常见的操作。本文将介绍如何使用常规的操作符 (+)、字符串模板 (${})、Array 的 join() 方法以及 ES6 中的字符串展开运算符 (…) 来连接字符串。

使用操作符 (+) 连接字符串

在 JavaScript 中，可以使用操作符 (+) 来连接字符串。例如：

let greeting = 'Hello';
let name = 'John';
let message = greeting + ', ' + name + '!';
console.log(message); // 输出 "Hello, John!"

可以使用操作符 (+) 连接任意数量的字符串。例如：

let str1 = 'This';
let str2 = 'is';
let str3 = 'a';
let str4 = 'sentence';
let sentence = str1 + ' ' + str2 + ' ' + str3 + ' ' + str4;
console.log(sentence); // 输出 "This is a sentence"

使用字符串模板 (${}) 连接字符串

ES6 中引入了字符串模板，可以使用 ${} 来连接字符串。例如：

let name = 'John';
let message = `Hello, ${name}!`;
console.log(message); // 输出 "Hello, John!"

注意，在字符串模板中，可以使用表达式来进行计算。例如：

let x = 10;
let y = 20;
let message = `The sum of ${x} and ${y} is ${x + y}.`;
console.log(message); // 输出 "The sum of 10 and 20 is 30."

使用数组的 join() 方法连接字符串

可以使用数组的 join() 方法将数组中的元素连接成一个字符串。例如：

let fruits = ['apple', 'banana', 'orange'];
let message = fruits.join(', ');
console.log(message); // 输出 "apple, banana, orange"

使用 ES6 中的字符串展开运算符 (...) 连接字符串

ES6 中引入了字符串展开运算符 (...)，可以将一个字符串数组展开成一个字符串。例如：

let fruits = ['apple', 'banana', 'orange'];
let message = `I like ${...fruits}!`;
console.log(message); // 输出 "I like apple, banana, orange!"

注意，在字符串展开运算符 (...) 前面和后面可以添加任意字符串，这些字符串会被自动连接。例如：

let fruits = ['apple', 'banana', 'orange'];
let message = `My favorite fruits are ${'the following: ', ...fruits, '!'}`;
console.log(message); // 输出 "My favorite fruits are the following: apple, banana, orange!"

以上是连接字符串的几种方法，你可以根据需要选择其中的一种。