JS中數(shù)組合并的幾種常見(jiàn)方法
JS 中有多種方法可以將多個(gè)數(shù)組合并成一個(gè)數(shù)組。
1、使用 Array.prototype.concat() 合并:concat() 方法可以將多個(gè)數(shù)組合并成一個(gè)新數(shù)組。
let arr1 = [1, 2, 3];let arr2 = [4, 5, 6];let arr3 = [7, 8, 9];let mergedArr = arr1.concat(arr2, arr3);console.log(mergedArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]2、使用擴(kuò)展運(yùn)算符 (...) 合并:擴(kuò)展運(yùn)算符可以將多個(gè)數(shù)組合并成一個(gè)新數(shù)組。
let arr1 = [1, 2, 3];let arr2 = [4, 5, 6];let arr3 = [7, 8, 9];let mergedArr = [...arr1, ...arr2, ...arr3];console.log(mergedArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]3、使用 Array.prototype.push.apply() 合并:push.apply() 方法可以將多個(gè)數(shù)組合并成一個(gè)新數(shù)組。
let arr1 = [1, 2, 3];let arr2 = [4, 5, 6];let arr3 = [7, 8, 9];let mergedArr = [].concat.apply([], [arr1, arr2, arr3]);console.log(mergedArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]4、使用 Array.prototype.reduce() 合并: reduce() 函數(shù)可以用來(lái)構(gòu)建新數(shù)組,將多個(gè)數(shù)組元素添加到新數(shù)組中。
let arr1 = [1, 2, 3];let arr2 = [4, 5, 6];let arr3 = [7, 8, 9];let mergedArr = [arr1, arr2, arr3].reduce((acc, cur) => acc.concat(cur), []);console.log(mergedArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]5、使用 Array.prototype.forEach() 合并: forEach() 方法可以遍歷多個(gè)數(shù)組,將元素添加到新數(shù)組中。
let arr1 = [1, 2, 3];let arr2 = [4, 5, 6];let arr3 = [7, 8, 9];let mergedArr = [];[arr1, arr2, arr3].forEach(function(array) { array.forEach(function(element) {mergedArr.push(element); });});console.log(mergedArr); // [1, 2, 3, 4, 5, 6, 7, 8, 9]6、使用第三方庫(kù) lodash 的 concat() 合并
7、使用第三方庫(kù) Ramda 的 concat() 合并
總結(jié)
到此這篇關(guān)于JS中數(shù)組合并的幾種常見(jiàn)方法的文章就介紹到這了,更多相關(guān)JS數(shù)組合并內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
