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)文章
Javascript的數(shù)組與字典用法與遍歷對象的技巧
Javascript 的數(shù)組Array,既是一個數(shù)組,也是一個字典(Dictionary)。先舉例看看數(shù)組的用法2012-11-11
JavaScript中URL.createObjectURL和Blob實現(xiàn)保存文件
本文介紹了利用JavaScript中的Blob對象和URL.createObjectURL方法在瀏覽器端創(chuàng)建文件并實現(xiàn)下載功能,文中通過示例代碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-07-07
學(xué)習(xí)JavaScript設(shè)計模式之策略模式
這篇文章主要為大家介紹了JavaScript設(shè)計模式中的策略模式,對JavaScript設(shè)計模式感興趣的小伙伴們可以參考一下2016-01-01
基于bootstrap實現(xiàn)多個下拉框同時搜索功能
這篇文章主要為大家詳細介紹了基于bootstrap實現(xiàn)多個下拉框同時搜索功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07
JavaScript this在函數(shù)中的指向及實例詳解
這篇文章主要介紹了JavaScript this在函數(shù)中的指向及實例詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
JavaScript模擬實現(xiàn)封裝的三種方式及寫法區(qū)別
JS是一門面向?qū)ο笳Z言,其對象是用prototype屬性來模擬的。下面通過本文來了解下js模擬實現(xiàn)封裝的三種方法,需要的朋友參考下吧2017-10-10
微信小程序如何在頁面跳轉(zhuǎn)時進行頁面導(dǎo)航
小程序能夠在不同的頁面進行跳轉(zhuǎn)切換,路由起到了至關(guān)重要的作用,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何在頁面跳轉(zhuǎn)時進行頁面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2022-09-09
JS實現(xiàn)簡單的選擇題測評系統(tǒng)代碼思路詳解(demo)
本文給大家分享js實現(xiàn)簡單的選擇題測評系統(tǒng)實例代碼,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-09-09

