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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 零基础学Java(3)运算符[通俗易懂]

    零基础学Java(3)运算符[通俗易懂]运算符运算符用于连接值。Java提供了一组丰富的算术和逻辑运算符以及数学函数。算术运算符在Java中,使用算术运算符+、-、*、/表示加、减、乘、除运算。当参与/运算的两个操作数都是整数时,表示

    2022年8月7日
  • 图解 MySQL 索引 —— B-Tree、B+Tree「建议收藏」

    图解 MySQL 索引 —— B-Tree、B+Tree

    2022年2月13日
  • java(3)-深入理解java异常处理机制

    java(3)-深入理解java异常处理机制1.引子try…catch…finally恐怕是大家再熟悉不过的语句了,而且感觉用起来也是很简单,逻辑上似乎也是很容易理解。不过,我亲自体验的“教训”告诉我,这个东西可不是想象中的那么简单、听话。不信?那你看看下面的代码,“猜猜”它执行后的结果会是什么?不要往后看答案、也不许执行代码看真正答案哦。如果你的答案是正确,那么这篇文章你就不用浪费时间看啦。pa

    2022年5月12日
  • java 各版本jni支持_java – 不支持的JNI版本0xFFFFFFFF

    java 各版本jni支持_java – 不支持的JNI版本0xFFFFFFFF从java代码使用本机DLL时有没有遇到过这个错误?它是JNI库的版本吗?还是一个未解决的依赖?错误:Causedby:java.lang.UnsatisfiedLinkError:unsupportedJNIversion0xFFFFFFFFrequiredbyC:\jnwasapi.dllatjava.lang.ClassLoader$NativeLibrary.load(…

    2022年5月17日
  • 2021年1月25日博客日记「建议收藏」

    2021年1月25日博客日记「建议收藏」今天尝试了一下ART-PI的串口终端,发现使用串口就可以向板子发送shell命令,这可能就是他的操作系统吧!还不是很清楚,接着摸索这个操作系统究竟是怎么回事?成功驱动OLED显示屏,网上找到的例子好像不对,按着他的就不行,瞎鼓捣了一下发现可以,oled显示屏太low了,可能配不上这个板子,打算买个RGB的显示屏,一开淘宝上,快两百块钱了,群友打算出二手显示屏,算上OV6070摄像头、运费、还有转接板一共在150左右,虽然也不怎么便宜,但是人家已经在ART上面做过测试了,能正常运行,他不给代码,还是得自己去研

    2022年5月31日
  • WLS

    WLS来源:https://docs.o-ran-sc.org/projects/o-ran-sc-o-du-phy/en/latest/wls-lib.htmlWls_lib是英特尔开元的一个无线服务

    2022年8月3日

发表回复

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

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