将一个数组对象里的属性值全部追加到另外一个数组的对象里

介绍

将一个数组对象里的属性值全部追加到另外一个数组的对象里,这里需要使用到

  1. map 遍历,循环数组,依次处理元素,实现重组数组对象
    tips:
    map() 不会对空数组进行检测。
    map() 不会改变原始数组。

  2. Object.assign(), 实现数组的合并
    用法: Object.assign(target, ...sources) ,参数介绍如下:
    target: 目标对象
    source: 源对象

    介绍: 将所有可枚举属性的值从一个或多个源对象复制到目标对象;将源对象(source) 的所有可枚举属性,复制到 目标对象(target)

代码

<script>
  var arr1 = [{id:0,name: 'lisa'},{id: 1,name:'jude'}];
  var arr2 = [1,2];
  var arr3 = [{like: 'sing'},{like: 'dance'}];

  var newArr1;
  var newArr2;

  // 第一种: 将纯数组的每一项追加到数组对象中
  newArr1 = arr1.map((item, index) => Object.assign({}, item, { age: arr2[index] }));
  console.log(newArr1)

  // 第二种: 将数组对象追加到数组对象中
  newArr2 = arr1.map((item,index) =>Object.assign({},item,arr3[index]));
  console.log(newArr2)

</script>

打印结果如下:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值