首页 > 编程语言 >JavaScript合并多个数组

JavaScript合并多个数组

时间:2022-09-19 22:37:33浏览次数:79  
标签:JavaScript 合并 allItems let 数组 push arr3 ides

工作中经常会对数组进行合并,稍微总结一下常用的方法:

  1. concat
    JavaScript原生自带的函数,用法如下:
let arr1 = [3, 5, 7];
let arr2 = [4, 78, 79];

let arr3 = [];
arr3 = arr3.concat(arr1);
arr3 = arr3.concat(arr2);
  1. ES6的扩展运算符(...)
    利用扩展运算符,可以很容易地进行数组合并,如下:
let languages = ['PHP', 'JAVA', 'GOLANG'];
let ides = ['VsCode', 'WebStorm', 'Eclipse'];

let allItems = [...langauges, ...ides];
  1. push.apply

这个用法我在项目里面看也有人用过,使用的时候它等效于把一个数组的每个元素遍历地push到前一个数组里面。代码如下所示:

let languages = ['PHP', 'JAVA', 'GOLANG'];
let ides = ['VsCode', 'WebStorm', 'Eclipse'];

let allItems = [];
allItems.push.apply(allItems, languages);
allItems.push.apply(allItems, ides);

关于性能来说,我还没做过测试,后面有时间试试看。

标签:JavaScript,合并,allItems,let,数组,push,arr3,ides
From: https://www.cnblogs.com/freephp/p/16709340.html

相关文章

  • 稀疏数组
    什么是稀疏数组在使用数组的过程中,需要模拟一些场景,如果把未使用的数组也在数组中分配的化,会占用很大的资源,例如一个五子棋游戏,11x11的棋盘,0表示空,1表示白棋,2表示黑棋,......
  • 做题记录整理树状数组2 P48 [SDOI2009] HH的项链(2022/9/19)
    P48[SDOI2009]HH的项链一眼莫队然而莫队就只有32分莫队毕竟是O(n根号n)的,肯定过不了我们思考一个区间[l,r],我们发现,如果从r开始往l数,那么每种数字只有最右边的那个......
  • ArrayList和Array数组类型转换
    packagecom.Mxhlin.arrayList;importjava.util.ArrayList;importjava.util.Arrays;importjava.util.List;/***@authorMxhlin*@[email protected]*......
  • 大字节数组和 MemoryStream 的替代方案
    发表于2019年12月9日 在.NET中,处理二进制数据时通常使用字节数组;例如,在方法之间传递文件的内容、编码/解码文本、从套接字读取数据等。这些数组可能会变得非常大......
  • 算法—链表合并问题
    题目:将两个升序链表合并为一个新的升序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。解法一:递归publicListNodemergeTwoLists(ListNodelist1,......
  • Sql:多行合并一行以及多条数据取时间最早的那条
    有两个导数据的需求,1、一张表里面每一个订单号可能对应多条数据,每个单号返回时间最早的那条。2、根据条件查询某个字段并按照逗号,合并在一起。表类似结构如下:  第......
  • javascript中的对象和json对象区别
    json对象和javacript对象长得很像,但有本质不同  1、本质区别:(a)、json对象本质上是字符串,他是客户端和服务器之间传递数据的一种格式,他的属性只是样子货,不能执行。(b)......
  • JavaScript高级复习——js面向对象
    面向对象优点:易维护、易复用、易扩展。适合多人合作。缺点:性能比面向过程低。面向过程优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机。缺点:没有面向对象......
  • javascript的类的继承
     先看下java的继承,java的继承是发生在类之间,他们的对象之间没有继承关系,子类的对象通过子类创建对象,同时对象中不存储函数只有数据,函数需找到类定义以后读取里面的函数,类......
  • JavaScript break 和 continue 语句
    break语句用于跳出循环。continue用于跳过循环中的一个迭代。break语句break语句可用于跳出循环。break语句跳出循环后,会继续执行该循环之后的代码continue语句......