JS里数组合并的几种方法
JS 中有多种方法可以将多个数组合并成一个数组。
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() 合并
JS里数组合并的几种方法相关推荐
- 利用JS提高组合拼接字符串效率的方法
日志原文: http://uniso.blog.sohu.com/104853107.html 利用JS提高组合拼接字符串效率的方法 希望跟各位高手交流,搞过web开发的朋友都知道,在脚本开发过程中, ...
- iOS: JS和Native交互的两种方法,iosjsnative交互
iOS: JS和Native交互的两种方法,iosjsnative交互 背景: UIWebView: iOS 用来展示 web 端内容的控件. 1. 核心方法: - (NSString*)string ...
- js中当等于最小值是让代码不执行_网页中JS函数自动执行常用三种方法
本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下 一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: 2.在JS语句调用: function myfun ...
- js实现阶乘算法的三种方法
js实现阶乘算法的三种方法 // 非递归写法 function f(n) {if (0 === n) {return 1;}let res = 1;for (let i = 1; i <= n; ...
- js刷新页面有哪几种方法
js刷新页面有哪几种方法 一.总结 一句话总结:location属性的reload方法即可:document.location.reload() 1.页面刷新有哪常见的8种方法? 1,history. ...
- 中单引号怎么转义_在JavaScript中组合字符串的4种方法
下面是在JavaScript中组合字符串的4种方法.我最喜欢的方法是使用模板字符串.为什么?因为它更具可读性,所以没有转义引号的反斜杠,没有笨拙的空格分隔符,也没有混乱的加号操作符 . const i ...
- js function定义函数的4种方法
js function定义函数的4种方法 1.最基本的作为一个本本分分的函数声明使用. 复制代码代码如下: 复制代码代码如下: function func(){} 或 var func=funct ...
- JS区分中英文字符的两种方法
JS区分中英文字符的两种方法: 正则和charCodeAt()方法. 正则无疑是最强大的判断各种条件的方法, 最近也在研习它, 虽然枯燥, 但仍有乐趣. 用它来判断一个双字节的中文字符也是轻而易举地. ...
- Numpy 组合数组的几种方法
来自 <Python数据分析基础教程:Numpy 学习指南(第2版)> 下面将介绍组合数组的几种方法: 水平组合 垂直组合 深度组合 列组合 行组合 0.创建两个3*3的数组 from n ...
最新文章
- mysql ignore index,mysql强制索引FORCE INDEX/IGNORE INDEX忽略索引
- Filecoin: 影响力容错(PFT)和预期共识(EC)
- MySQL-数据库增删改查
- 孝敬父母 天经地义 |有人这么疑问?
- 云计算的新界面—Kubernetes容器技术
- HTML音乐播放没声音,网页没有声音但系统显示有声音怎么回事?如何解决?
- 去哪儿-13-city-vuex
- 杭电2529Shot
- 前端必须要有的学习能力
- node.js中ws模块创建服务端和客户端,网页WebSocket客户端
- php给网页加水印_php实现给一张图片加上水印效果
- 几个Cache方案的比较
- Mybatis多表新增
- cadence设计软件安装
- 什么是框架,框架和设计模式的关系,为什么要用框架?(转)
- 计算机常见总线插槽,“插槽”和“总线”的定义_CPUCPU评测-中关村在线
- 国产软件的「硬替代」与「软着陆」之辨
- 透过同程艺龙财报看OTA的2021:复苏潮下行业或迎新一轮角逐赛
- 解压特定zip压缩文件中特定文件,Java
- win10自带输入法在切换中英文的过程中,出现了输入字符所占间距变大的问题