JavaScript 數組連接

JavaScript 中的數組是一組值的有序列表。數組可以保存任何類型的數據，包括數字、字符串、對象等。在 JavaScript 中，連接兩個或多個數組來創建一個新數組是很常見的操作。

一、concat() 方法

concat() 方法用於連接兩個或多個數組。該方法不會改變現有數組，而是返回一個新數組，包含來自原始數組的所有元素。

該方法可以接受任意數量的參數，也可以接受一個數組參數。如果參數是一個數組，則該數組的元素將被添加到新數組中。

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];
const arr3 = arr1.concat(arr2);

console.log(arr3); // ['a', 'b', 'c', 'd', 'e', 'f']

注意：concat() 方法不會改變原始數組，它只是返回一個新的連接後的數組。

二、spread operator（展開運算符）

展開運算符（…）可以用於展開數組中的元素。它可以在數組字面量和函數調用中使用。

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];
const arr3 = [...arr1, ...arr2];

console.log(arr3); // ['a', 'b', 'c', 'd', 'e', 'f']

可以在數組字面量中使用展開運算符，以將一個數組的元素放入另一個數組中：

const arr1 = ['a', 'b', 'c'];
const arr2 = [...arr1, 'd', 'e', 'f'];

console.log(arr2); // ['a', 'b', 'c', 'd', 'e', 'f']

三、push() 方法

push() 方法可向數組的末尾添加一個或多個元素，並返回新的長度。

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];

arr1.push(...arr2);

console.log(arr1); // ['a', 'b', 'c', 'd', 'e', 'f']

可以在數組字面量中使用 push() 方法，以將一個值添加到數組中：

const arr1 = ['a', 'b', 'c'];
const arr2 = [...arr1, 'd'];

console.log(arr2); // ['a', 'b', 'c', 'd']

四、splice() 方法

splice() 方法通過刪除或替換現有元素以及/或添加新元素來更改數組的內容。

splice() 方法的第一個參數表示開始更改的位置，第二個參數表示要刪除的元素數。然後，您可以通過將更多參數傳遞給方法來插入新元素。

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];

arr1.splice(1, 0, ...arr2);

console.log(arr1); // ['a', 'd', 'e', 'f', 'b', 'c']

在這個例子中，在索引值為 1 的位置插入了數組 arr2 的所有元素（沒有刪除現有元素）。

五、join() 方法

join() 方法將數組中的所有元素連接成一個字符串。可以指定所使用的分隔符。

const arr = ['a', 'b', 'c'];
const str = arr.join('-');

console.log(str); // 'a-b-c'

默認情況下，join() 方法使用逗號作為分隔符。如果要使用另一個分隔符，請將該分隔符作為參數傳遞給方法。

六、總結

連接數組是 JavaScript 中一個常見的操作，有多種方法可以實現。常用的方法包括 concat()、spread operator（展開運算符）、push()、splice()、join() 等。具體用哪種方法，取決於您需要連接的數組數量、數組長度、需求是否需要改變原始數組等。