js合并数组与合并对象的区别_js将对象转为数组

js合并数组与合并对象的区别_js将对象转为数组一、数组合并1、for循环会改变原数组,如果不想改变原数组需要生成一个新数组leta=[1,2,3];letb=[4,5];//1for循环for(variinb){a.push(b[i]);}console.log(a);//[1,2,3,4,5]2、concat()concat()方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

 

目录

 

一、对象合并

1、Object.assign(target, …sources)

二、数组合并

1、for循环

2、concat()

3、apply

4、es6扩展运算符[…arr, …arr2]

5、push(…arr)

 


一、对象合并

1、Object.assign(target, ...sources)

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象,它将返回目标对象

1、源对象属性替换目标对象属性

2、同名属性,后面替换前面属性

3、基本数据类型字符串生成对象

    let obj = { a: 1, b: 2, c: 3 }
    let obj2 = { b: 5, d: 6 }
    let res = Object.assign(obj, obj2)
    console.log(res);//{a: 1, b: 5, c: 3, d: 6}

Jetbrains全家桶1年46,售后保障稳定

二、数组合并

1、for循环

会改变原数组,如果不想改变原数组需要生成一个新数组

    let a = [1, 2, 3];
    let b = [4, 5];

    //1 for循环
    for (var i in b) {
        a.push(b[i]);
    }
    console.log(a); //[1,2,3,4,5]

2、concat()

concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本

    let a = [1, 2, 3];
    let b = [4, 5];
    let c = a.concat(b);
    console.log(c);//[1,2,3,4,5]
    console.log(a);//[1,2,3] 原数组不变

3、apply

    let a = [1, 2, 3];
    let b = [4, 5];
    let c = a.push.apply(a, b);
    console.log(a); //[1,2,3,4,5]

4、es6扩展运算符[…arr, …arr2]

扩展运算符(…)也可以将某些数据结构转为数组

    let a = [1, 2, 3];
    let b = [4, 5];
    let arr1 = [...a, ...b]
    console.log(arr1)

5、push(…arr)

    let a = [1, 2, 3];
    let b = [4, 5];
    let c = a.push(...b)
    console.log(a)

 

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

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

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


相关推荐

  • python如何生成随机数_python 随机字符串

    python如何生成随机数_python 随机字符串今天学习了用python生成仿真数据的一些基本方法和技巧,写成博客和大家分享一下。本篇博客主要讲解如何从给定参数的的正态分布/均匀分布中生成随机数以及如何以给定概率从数字列表抽取某数字或从区间列表的某一区间内生成随机数,按照内容将博客分为3部分,并附上代码。1从给定参数的正态分布中生成随机数当考虑从正态分布中生成随机数时,应当首先知道正态分布的均值和方差(标准差),有了这些,就可以调用pytho…

    2022年10月4日
  • 六周第四次课(11月23日) 复习 扩展

    六周第四次课(11月23日) 复习 扩展

    2022年3月12日
  • navicat激活码linux[最新免费获取]

    (navicat激活码linux)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月31日
  • ubuntu最小化窗口命令(ubuntu界面怎么变大)

    窗口相关快捷键最大窗口win+↑最小化窗口win+↓隐藏窗口win+H窗口放左边win+←窗口放右边win+→修改快捷键位置Setting->Device->Keyboard

    2022年4月18日
  • IFRAME属性及详解

    标签属性  属性  描述
    ALIGNalign设置或获取表格排列。
    ALLOWTRANSPARENCYallowTransparency设置或获取对象是否可为透明。
    APPLICATIONAPPLICATION表明对象的内容是否为HTML应用程序(HTA),以便免除浏览器安全模式。
    ATOMICSELECTION指定元素及其内容是否可以一不可见单位统一选择。
    ACCELERATORaccelerator设置或获

    2022年4月7日
  • 简单工厂模式

    简单工厂模式

    2021年12月6日

发表回复

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

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