js：向对象数组中添加新的属性

原数组

现数组：

let arr=[
      {
        name:'张三',
        age:18,
        sex:'男'
      },
      {
        name:'小李',
        age:12,
        sex:'女'
      }
    ]
    console.log(arr)
    let res=arr.map((item,index)=>{
      return {...item,school:'小花中学'}
    })
    console.log(res)

vue3中当往数组里面添加不了属性时，可克隆数组再添加

const result=cloneDeep(res).map((item,index) => item = { ...item, key: index });
      console.log(result,'ssss')

    let arr = [{
        name: '张三',
        age: 23
    }, {
        name: '李四',
        age: 23
    }, {
        name: '王五',
        age: 23
    }, {
        name: '赵六',
        age: 23
    }, ]
    //第一种方法
    for(let i in arr){
        arr[i].sex='男'
    }
    //第二种方法
    let res=arr.map(item=>{
        return {...item,sex:'男'}
    })
    //第三种方法
    let result=arr.map(item=>{
        (item as any).sex='男' //ts写法
        return item
    })
    console.log(arr,res,result);