JS数组合并(5种)

JS数组合并(5种)前言项目过程中,经常会遇到JS数组合并的情况,时常为这个纠结。这里整理一下。简单而实用的for最容易想到的莫过于for了。会变更原数组,当然也可以写成生成新数组的形式。letarr=[1,2]letarr2=[3,4]for(letiinarr2){arr.push(arr2[i])}console.log(arr)//[1,2,3,4]arr.concat(arr2)会生成新的数组。letarr=[1,2]let

大家好,又见面了,我是你们的朋友全栈君。

前言

项目过程中,经常会遇到 JS 数组合并的情况,时常为这个纠结。这里整理一下。

简单而实用的for

最容易想到的莫过于 for 了。

会变更原数组,当然也可以写成生成新数组的形式。

let arr = [1, 2]
let arr2 = [3, 4]

for (let i in arr2) { 
   
    arr.push(arr2[i])
}

console.log(arr)
// [1, 2, 3, 4]

arr.concat(arr2)

会生成新的数组。

let arr = [1, 2]
let arr2 = [3, 4]

arr = arr.concat(arr2)

console.log(arr)
// [1, 2, 3, 4]

arr.push.apply(arr, arr2)

第一种 for 循环就是使用的 push 来实现的。

因为 push 是可以接收多个参数的,所以我们可以使用 apply 来实现。

会变更原数组。

let arr = [1, 2]
let arr2 = [3, 4]

arr.push.apply(arr, arr2)

console.log(arr)
// [1, 2, 3, 4]

[…arr, …arr2]

ES6 的语法,简单而实用。

会生成新的数组。

let arr = [1, 2]
let arr2 = [3, 4]

arr = [...arr, ...arr2]

console.log(arr)
// [1, 2, 3, 4]

push(…arr)

push 结合 ...[] 来实现。

会变更原数组。

let arr = [1, 2]
let arr2 = [3, 4]

arr.push(...arr2)

console.log(arr)
// [1, 2, 3, 4]

最后

实现方式大同小异,可以理解那最容易理解的一部分。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/147435.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 买到缩水u盘有办法恢复吗_优盘缩水咋改容量

    买到缩水u盘有办法恢复吗_优盘缩水咋改容量最近一朋友去电脑城买了个16G的U盘,电脑上用360的U盘鉴定器一检查结果显示实际容量只有4G,并提示这是缩水U盘。朋友马上又去买U盘的地方找商家,商家理亏,乖乖的换了一个真的16G容量的U盘。什么是缩水U盘呢?今天给大家分享下关于缩水U盘的知识及检测方法。     缩水U盘,也称“扩容盘”、“升级盘”。是指不法厂商使用一种U盘量产工具的软件,改变U盘上的主控信息,将U盘容量标注到远大

    2025年9月4日
    5
  • linux发邮件失败,Linux SendMail发送邮件失败诊断案例,sendmail发送邮件

    linux发邮件失败,Linux SendMail发送邮件失败诊断案例,sendmail发送邮件LinuxSendMail发送邮件失败诊断案例,sendmail发送邮件Linux上Sendmail经常由于一些配置问题,导致邮件发送失败,下面整理、收集了一些邮件发送失败、异常的案例。案例1:在新服务器上测试sendmail发送邮件时,发现邮件发送不成功,检查/var/log/maillog日志文件发现如下错误(Notice:hostname、邮箱地址等信息使用xxx代替)tail/var/…

    2022年10月20日
    3
  • XSS跨站脚本攻击

    XSS跨站脚本攻击

    2021年11月5日
    65
  • navicat激活码最新【2021最新】

    (navicat激活码最新)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~TR…

    2022年3月22日
    96
  • 设备驱动外传 – 虚拟总线和platform device「建议收藏」

    设备驱动外传 – 虚拟总线和platform device「建议收藏」1.总论2.系统初始化platformdevice3.驱动程序使用platformdevice   1.总论Linux-2.6.11引入了设备模型的概念,将大部分设备驱动挂载到虚拟总线上。其目的在于:1)提供友好的用户接口,用户可以在sys/bus/platform/下找到相应的驱动和设备。2)更有利于电源管理。  2

    2022年7月24日
    9
  • dlopen静态库_opensubwnd脚本函数的作用

    dlopen静态库_opensubwnd脚本函数的作用1、dlopen动态库失败原因,我碰到主要是以下几点(碰到新问题之后再完善,先打个点)①动态库位置没有放对地方,dlopen时候找不到你想操作的动态库解决办法:放到指定目录。②头文件没有包全,有不能识别的函数或者标识符解决办法:加一条打印信息,程序运行到这里,会输出不能识别标识符。if((handle=dlopen(myso,RTLD_NOW))==NULL){

    2022年9月30日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号