js 往数组中遍历三个元素

Question

例如

let arr = [
    {id:0,title:'T1'},
    {id:1,title:'T2'},
    {id:2,title:'T3'},
    {id:3,title:'T4'},
    {id:4,title:'T5'}
    ...
]


let img = [
 {id:0,pic:'/01.png'},
 {id:1,pic:'/02.png'},
 {id:2,pic:'/03.png'}
 ...
]

将 img数组的图片往arr数组对象中循环插入，类似于这样

let arr = [
    {id:0,title:'T1',img:'/01.png'},
    {id:1,title:'T2',img:'/02.png'},
    {id:2,title:'T3',img:'/03.png'},
    {id:3,title:'T4',img:'/01.png'},
    {id:4,title:'T5',img:'/02.png'}
    ...
]

怎么操作？？

Answer 1

你这个需求，根据相同的键(id)合并两个对象，适合直接用Object.assign()这个内置方法，具体用法可以看这里https://developer.mozilla.org...

  let arr = [
        {id:0,title:'T1'},
        {id:1,title:'T2'},
        {id:2,title:'T3'},
        {id:3,title:'T4'},
        {id:4,title:'T5'}
    ]
    let img = [
        {id:0,pic:'/01.png'},
        {id:1,pic:'/02.png'},
        {id:3,pic:'/03.png'},
        {id:4,pic:'/03.png'},
        {id:5,pic:'/03.png'}
    ]
    for(let i=0; i<arr.length; i++) {
        Object.assign(arr[i],img[i])
    }
    console.log(arr);

输出结果：