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、使用擴(kuò)展運(yùn)算符 (...) 合并:擴(kuò)展運(yùn)算符可以將多個數(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)文章
JavaScript中的E-mail 地址格式驗(yàn)證
本文給大家分享JavaScript中的E-mail 地址格式驗(yàn)證,項(xiàng)目要求輸入的數(shù)據(jù)必須包含@符號和點(diǎn)號。代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2018-03-03輕松玩轉(zhuǎn)BootstrapTable(后端使用SpringMVC+Hibernate)
這篇文章主要和大家輕松玩轉(zhuǎn)BootstrapTable,后端使用SpringMVC+Hibernate,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09javascript實(shí)現(xiàn)簡單的可隨機(jī)變色網(wǎng)頁計算器示例
這篇文章主要介紹了javascript實(shí)現(xiàn)簡單的可隨機(jī)變色網(wǎng)頁計算器,具有基本的四則運(yùn)算與背景色隨機(jī)變換功能,需要的朋友可以參考下2016-12-12javascript實(shí)現(xiàn)數(shù)字配對游戲的實(shí)例講解
下面小編就為大家分享一篇javascript實(shí)現(xiàn)數(shù)字配對游戲的實(shí)例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12JavaScript this在函數(shù)中的指向及實(shí)例詳解
這篇文章主要介紹了JavaScript this在函數(shù)中的指向及實(shí)例詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10javascript之querySelector和querySelectorAll使用介紹
其實(shí)關(guān)于querySelector和querySelectorAll的介紹說明很多。在此主要是做個記錄2011-12-12微信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號
這篇文章主要介紹了信小程序用戶授權(quán)、位置授權(quán)及獲取微信綁定手機(jī)號,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07