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

介绍

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

  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>

打印结果如下:
将一个数组对象里的属性值全部追加到另外一个数组的对象里_第1张图片

你可能感兴趣的:(JavaScript,javascript,es6,map)