列举一下JavaScript中对数组进行合并的几种方法
2023-09-11 14:16:44 时间
JavaScript 中有多种方法可以将多个数组合并成一个数组。
1、使用 Array.prototype.concat() 合并:concat() 方法可以将多个数组合并成一个新数组。
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、使用扩展运算符 (...) 合并:扩展运算符可以将多个数组合并成一个新数组。
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() 方法可以将多个数组合并成一个新数组。
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() 函数可以用来构建新数组,将多个数组元素添加到新数组中。
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() 方法可以遍历多个数组,将元素添加到新数组中。
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() 合并
相关文章
- JavaScript经典代码【一】【javascript HTML控件获取值】
- 面向对象的Javascript(5):继承
- [Javascript] Wrap fireEvent with fireEventAsync
- 你想不到的压缩方法:将javascript文件压缩成PNG图像存储
- [Javascript] Hide Properties from Showing Up in "for ... in" Loops in JavaScript
- [Javascript] Await a JavaScript Promise in an async Function with the await Operator
- [Javascript] Replicate JavaScript Constructor Inheritance with Simple Objects (OLOO)
- [Javascript] Link to Other Objects through the JavaScript Prototype Chain
- [Javascript] JavaScript赋值时的传值与传址
- [WASM] Write to WebAssembly Memory from JavaScript
- javascript 数组方法总结
- 学习Javascript闭包(Closure)
- JavaScript 三种创建对象的方法
- JavaScript 中搜索数组的四种方法
- SAP Cloud SDK for JavaScript 的搭建和使用方法介绍
- 使用JavaScript的FormData向SAP ABAP系统发起登录请求
- 介绍一种在ABAP内核态进行内表高效拷贝的方法,和对应的Java和JavaScript版本的伪实现
- 在javascript中将字符串转换为数字的6种方法
- JavaScript数组的常用方法总结:遍历,复制,反转,排序,添加,删除(前端常见面试题必考必问)实例演示
- 从零开始学_JavaScript_系列(15)——js系列<4>(数值、字符串、对象、数组、函数、日期的基本方法)
- JSON说明及使用,javascript,java如何解析及转化json
- JavaScript--Dom直接选择器
- JavaScript继承的实现
- JavaScript入门学习笔记(四)