JS字符串拼接的几种常见方式总结

下面是对于JS字符串拼接的几种常见方式总结的攻略，包含以下内容：

方式一：使用加号（+）拼接字符串

加号（+）是最常见的字符串拼接方式，具体语法如下：

let str = 'Hello, ' + 'world!';

其中，单引号（'）或双引号（"）用来包裹字符串内容，加号（+）用来拼接字符串，可以看到在以上例子中，我们通过加号把两个字符串连接了起来。

值得注意的是，使用加号拼接字符串时，如果其中包含数字或其他类型的变量，需要使用toString()方法将其转换成字符串形式，如下：

let num = 123;
let str = 'Hello, ' + num.toString();

示例：

const name = 'Peter';
const age = 18;
console.log('My name is ' + name + ', and I am ' + age + ' years old.');

方式二：使用ES6模板字符串

ES6模板字符串也是一种常见的字符串拼接方式，他使用反引号（`）来包裹字符串内容，并且可以在其中使用${}来嵌入变量，如下：

let name = 'John';
let age = 18;
let str = `My name is ${name}, and I am ${age} years old.`;

在以上例子中，我们通过ES6模板字符串实现了字符串的拼接并嵌入了变量。

示例：

const firstName = 'Tom';
const lastName = 'Smith';
console.log(`My full name is ${firstName} ${lastName}.`);

方式三：使用数组join()方法拼接字符串

JavaScript中的数组有一个join()方法，可以用来把数组中的所有项拼接成一个字符串。具体语法如下：

let arr = [1, 2, 3, 4];
let str = arr.join(',');

在以上例子中，我们把数组中的四个数字通过逗号连接起来成为一个字符串。

示例：

const fruits = ['apple', 'banana', 'orange'];
console.log(`My favorite fruits are ${fruits.join(', ')}.`);

以上就是几种常见的JS字符串拼接方式的总结，通过以上方式，我们可以灵活地组合出我们所需要的字符串，达到最终的拼接效果。