[Javascript] - 將字串連接的5種方式

在 JavaScript 中，將字串連接起來是一個常見的操作。以下是5種常用的方法：

1. 加號(+)運算子

這是最簡單、最直觀的方式，就是使用加號運算子將兩個字串串接在一起。

const str1 = "Hello ";
const str2 = "World !";

console.log(str1 + str2); // Hello World !

2. 模板字符串(Template literals)

模板字符串是 ES6 新增的功能，使用反引號 **(``) 來定義字串，可以在其中使用 ${} 來嵌入變數或表達式。

const person = {
  name: "Bird",
  age: 18,
  city: "Hsinchu"
};

const greeting = `Hi, I'm ${person.name}. I'm ${person.age} and I live in ${person.city} city.`;

console.log(greeting); // Hi, I'm Bird. I'm 18 and I live in Hsinchu city.

3. String.concat()

concat() 方法用於將兩個或多個字串連接起來，並返回一個新字串。

const str1 = "Hello ";
const str2 = "World !";
const greeting = str1.concat(str2);

console.log(greeting); // Hello World!

4. Array.join()

如果有大量字串需要連接，可以先將它們放進一個陣列中，然後使用 join() 方法將它們連接起來。

const arr = ['A', 'B', 'C', 'D', 'E'];
const greeting = arr.join('');

console.log(greeting); // ABCDE

5. String.fromCharCode()

fromCharCode() 方法根據一個或多個字符的 Unicode 編碼來創建一個字串。

const str = String.fromCharCode(72, 101, 108, 108, 111);

console.log(str); // Hello

---

參考資料

• Template literals (Template strings) - JavaScript | MDN
• String.prototype.concat() - JavaScript | MDN
• Array.prototype.join() - JavaScript | MDN
• String.fromCharCode() - JavaScript | MDN