JS中數(shù)組合并的幾種常見方法
JS 中有多種方法可以將多個數(shù)組合并成一個數(shù)組。
1、使用 Array.prototype.concat() 合并:concat() 方法可以將多個數(shù)組合并成一個新數(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、使用擴展運算符 (...) 合并:擴展運算符可以將多個數(shù)組合并成一個新數(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() 方法可以將多個數(shù)組合并成一個新數(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ù)可以用來構(gòu)建新數(shù)組,將多個數(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() 方法可以遍歷多個數(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、使用第三方庫 lodash 的 concat() 合并
7、使用第三方庫 Ramda 的 concat() 合并
總結(jié)
到此這篇關(guān)于JS中數(shù)組合并的幾種常見方法的文章就介紹到這了,更多相關(guān)JS數(shù)組合并內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
輕松玩轉(zhuǎn)BootstrapTable(后端使用SpringMVC+Hibernate)
這篇文章主要和大家輕松玩轉(zhuǎn)BootstrapTable,后端使用SpringMVC+Hibernate,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09javascript實現(xiàn)簡單的可隨機變色網(wǎng)頁計算器示例
這篇文章主要介紹了javascript實現(xiàn)簡單的可隨機變色網(wǎng)頁計算器,具有基本的四則運算與背景色隨機變換功能,需要的朋友可以參考下2016-12-12javascript實現(xiàn)數(shù)字配對游戲的實例講解
下面小編就為大家分享一篇javascript實現(xiàn)數(shù)字配對游戲的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12JavaScript this在函數(shù)中的指向及實例詳解
這篇文章主要介紹了JavaScript this在函數(shù)中的指向及實例詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10javascript之querySelector和querySelectorAll使用介紹
其實關(guān)于querySelector和querySelectorAll的介紹說明很多。在此主要是做個記錄2011-12-12微信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機號
這篇文章主要介紹了信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機號,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07