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

介绍

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

  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>

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

猜你喜欢

转载自blog.csdn.net/Shivy_/article/details/131678210