# [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)