JavaScript 字符串拼接 在 JavaScript 中，字符串拼接是非常常見的操作。它可以用于連接不同的字符串、變量、數字等，以生成一個更長的字符串。在本篇文章中，我們將探討 JavaScript 字符串拼接的不同方法和技巧。 方法一：加號拼接（+） 加號拼接是最簡單和直接的方法之一。在下面的例子中，我們將使用兩個字符串和一個變量來演示這種拼接方法： pre標簽： ``` let firstName = "John"; let lastName = "Doe"; let fullName = firstName + " " + lastName; console.log(fullName); ``` p標簽： ```

這里是用加號拼接的結果：John Doe

``` 上面的代碼將生成一個字符串，包含“John”、“Doe”和一個空格。這些字符串將被連接成一個新的字符串，名為“fullName”。 方法二：模板字符串（` `） 模板字符串是 ES6 中引入的新概念，它可以讓我們更輕松地拼接字符串。在下面的示例中，我們將演示如何使用模板字符串來連接不同的字符串和變量： pre標簽： ``` let firstName = "John"; let lastName = "Doe"; let age = 28; let message = `My name is ${firstName} ${lastName} and I'm ${age} years old.`; console.log(message); ``` p標簽： ```

這里是使用模板字符串的結果：My name is John Doe and I'm 28 years old.

``` 在上面的代碼中，我們使用反引號 (`) 包裹字符串，并在字符串中使用${}來包含變量和表達式。 此時，模板字符串也可以用于多行字符串的拼接： pre標簽： ``` let html = ``; console.log(html); ``` p標簽： ```

這里是用模板字符串拼接的多行字符串的結果：

``` 這將會生成一個包含標題和內容的 HTML 代碼塊，用于在網頁中渲染文章內容。 方法三：concat() 方法 concat() 方法用于連接兩個或多個字符串，它返回一個新的字符串。在下面的示例中，我們將使用 concat() 方法連接三個不同的字符串： pre標簽： ``` let firstName = "John"; let lastName = "Doe"; let fullName = firstName.concat(" ", lastName, " is a programmer."); console.log(fullName); ``` p標簽： ```

這里是使用 concat() 方法拼接的結果：John Doe is a programmer.

``` 在上面的代碼中，我們使用了一個空格來連接 firstName 和 lastName，并添加了一些附加文本來生成新的字符串。 方法四：數組方法 join() JavaScript 數組方法 join() 可以將數組中的所有元素連接成一個字符串。在下面的示例中，我們將使用 join() 方法連接一個字符串數組： pre標簽： ``` let strArray = ["Welcome", "to", "JavaScript", "World!"]; let result = strArray.join(" "); console.log(result); ``` p標簽： ```

這里是使用 join() 方法拼接的結果：Welcome to JavaScript World!

``` 在上面的代碼中，我們將數組的每個元素連接起來，并使用空格分隔它們，從而生成了一個新的字符串。 結論： 在 JavaScript 中，我們使用不同的方法來拼接多個字符串和變量。加號拼接、模板字符串、concat() 方法和數組方法 join() 都有各自的優缺點。加號拼接是最簡單和最常見的方法，而模板字符串可讀性更好，并且還支持多行字符串的拼接。concat() 方法可以連接任意數量的字符串或變量，而 join() 方法適用于連接數組中的所有元素，將它們合并到一個字符串中。 綜上所述，我們可以根據需要選擇適當的拼接方式，以生成我們想要的字符串。