javascipt 如何拼接两个字符串

方法 1：使用 + 运算符

+ 运算符可以直接拼接两个字符串。

javascript

复制

const str1 = "Hello";
const str2 = "World";
const result = str1 + " " + str2; // 拼接字符串
console.log(result); // 输出: "Hello World"

---

方法 2：使用模板字符串（Template Literals）

模板字符串使用反引号（`），可以更方便地拼接字符串和变量。

javascript

复制

const str1 = "Hello";
const str2 = "World";
const result = `${str1} ${str2}`; // 拼接字符串
console.log(result); // 输出: "Hello World"

---

方法 3：使用 concat() 方法

concat() 是字符串的内置方法，用于拼接多个字符串。

javascript

复制

const str1 = "Hello";
const str2 = "World";
const result = str1.concat(" ", str2); // 拼接字符串
console.log(result); // 输出: "Hello World"

---

方法 4：使用数组的 join() 方法

将字符串放入数组，然后使用 join() 方法拼接。

javascript

复制

const str1 = "Hello";
const str2 = "World";
const result = [str1, str2].join(" "); // 拼接字符串
console.log(result); // 输出: "Hello World"

---

方法 5：使用 += 运算符

+= 可以在现有字符串的基础上追加内容。

javascript

复制

let str1 = "Hello";
const str2 = "World";
str1 += " " + str2; // 拼接字符串
console.log(str1); // 输出: "Hello World"

---

性能比较：

• 对于少量字符串拼接，以上方法性能差异不大。

• 如果需要拼接大量字符串，推荐使用 数组的 join() 方法，因为它在处理大量字符串时性能更好。

---

总结：

• 简单拼接：使用 + 或模板字符串。

• 复杂拼接：使用 concat() 或数组的 join()。

• 动态拼接：模板字符串是最方便的选择。