Vue.js Array 合併兩個数组

Vue.js 是一個輕量級的 JavaScript 框架，它可以讓開發者快速開發 Web 程式，而且它也支援處理陣列資料。在本文中，我們將討論如何使用 Vue.js 來合併兩個陣列。

使用 Vue.js 合併兩個陣列

Vue.js 提供了一個叫做 concat() 的方法，可以用來合併兩個陣列。該方法會回傳一個新的陣列，其中包含了兩個陣列的所有元素。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

let arr3 = arr1.concat(arr2);

console.log(arr3); // [1, 2, 3, 4, 5, 6]

上面的程式碼中，我們定義了兩個陣列 arr1 和 arr2，並使用 concat() 方法將它們合併為一個新的陣列 arr3。

使用 Vue.js 合併多個陣列

Vue.js 也支援合併多個陣列。只需要將多個陣列作為參數傳入 concat() 方法即可。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];

let arr4 = arr1.concat(arr2, arr3);

console.log(arr4); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

上面的程式碼中，我們定義了三個陣列 arr1、arr2 和 arr3，並使用 concat() 方法將它們合併為一個新的陣列 arr4。

總結

在本文中，我們學習了如何使用 Vue.js 來合併兩個或多個陣列。Vue.js 提供了一個叫做 concat() 的方法，可以用來合併兩個或多個陣列，並回傳一個新的陣列。