# [Javascript] - 將字串連接的5種方式
在 JavaScript 中,將字串連接起來是一個常見的操作。以下是5種常用的方法:
## 1. 加號(+)運算子
這是最簡單、最直觀的方式,就是使用加號運算子將兩個字串串接在一起。
```javascript
const str1 = "Hello ";
const str2 = "World !";
console.log(str1 + str2); // Hello World !
```
## 2. 模板字符串(Template literals)
模板字符串是 ES6 新增的功能,使用反引號 **(``) 來定義字串,可以在其中使用 ${} 來嵌入變數或表達式。
```javascript
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()` 方法用於將兩個或多個字串連接起來,並返回一個新字串。
```javascript
const str1 = "Hello ";
const str2 = "World !";
const greeting = str1.concat(str2);
console.log(greeting); // Hello World!
```
## 4. Array.join()
如果有大量字串需要連接,可以先將它們放進一個陣列中,然後使用 `join()` 方法將它們連接起來。
```javascript
const arr = ['A', 'B', 'C', 'D', 'E'];
const greeting = arr.join('');
console.log(greeting); // ABCDE
```
<!-- 字串連接的時間複雜度是線性的 -->
## 5. String.fromCharCode()
`fromCharCode()` 方法根據一個或多個字符的 Unicode 編碼來創建一個字串。
```javascript
const str = String.fromCharCode(72, 101, 108, 108, 111);
console.log(str); // Hello
```
---
## 參考資料
- [Template literals (Template strings) - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)
- [String.prototype.concat() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/concat)
- [Array.prototype.join() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join)
- [String.fromCharCode() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode)