js为数组的每一个对象添加新属性，遍历数组，前端重要功能

待更新ing，仅作自己的记录，有错误或其他方法欢迎指出

更新：遍历，不局限于用来添加新属性，也可用于手动拷贝即深拷贝，扩展一下可学习赋值、浅拷贝、深拷贝、指针等相关知识

先从 遍历 开始

初始数组list：

1、map()方法：

// map遍历list
    console.log('---------map方法--------')
    this.list.map( item => {
      console.log('item',item)
      // return{}
    })

根据打印出的item发现，map成功循环遍历数组中的每个对象

   知道是循环后，进行添加新属性的操作

// map遍历list
    console.log('---------map方法--------')
    this.list = this.list.map((item) => {
      return{
        ...item,
        phone:'12345',
        sex:'男'
      }
    })
    console.log('this.list改变后的值',this.list);

查看打印结果，发现新属性已经被添加进去了

2、forEach()方法

​​​​​​​

根据打印出的item发现，forEach成功循环遍历数组中的每个对象

进行添加新属性的操作

// forEach()遍历list
    console.log('---------forEach方法--------');
    this.list.forEach( item => {
        item.phone = '54321'
        item.sex = '女'
    })
    console.log('this.list改变后的值',this.list);

查看打印结果，发现新属性已经被添加进去了

​​​​​​​