在前后端交互中,經常需要使用JSON格式來傳遞數據。有時候我們需要將2個JSON數組合并,這時候可以使用JavaScript中的concat方法來實現。
var arr1 = [{ “name”: “Tom”, “age”: 20 }, { “name”: “Jack”, “age”: 22 }];
var arr2 = [{ “name”: “Lucy”, “age”: 21 }, { “name”: “Alice”, “age”: 23 }];
var newArr = arr1.concat(arr2);
console.log(newArr);
上述代碼中,我們首先定義了兩個JSON數組arr1和arr2。然后使用concat方法將它們合并成一個新數組newArr。最后使用console.log打印出newArr,可以看到已經將兩個數組合并。
當然,如果只需要合并其中一個鍵值對,可以使用spread operator(展開運算符)來實現。例如:
var arr1 = [{ “name”: “Tom”, “age”: 20 }, { “name”: “Jack”, “age”: 22 }];
var arr2 = [{ “name”: “Lucy”, “age”: 21, “gender”: “female” }, { “name”: “Alice”, “age”: 23, “gender”: “female” }];
var newArr = arr1.map((item, index) =>{
return {
...item,
...arr2[index]
};
});
console.log(newArr);
上述代碼中,我們首先定義了兩個JSON數組arr1和arr2。然后使用map方法遍歷arr1數組,在每個元素中使用spread operator將arr2的gender鍵值對合并到arr1中,最后返回一個新數組newArr。最后使用console.log打印出newArr,可以看到已經將gender鍵值對合并到了arr1數組中。