Javascript 映射新数组，然后将项目推送到现有数组中的对象

如果我有一个像这样存在的主数组

arr = {
    people:[{name: 'Zero'},{name: 'Jeans'},{name: 'Duct'}]
}

我想映射一个颜色数组，并从这个数组中为数组中的每个对象指定一个颜色

colors = { color: ['#fff', '#fa0', '#eee'] }

这将如何实现

我可以通过arr.people映射颜色，但是没有运气

我想以这个结束

 arr = {
    people:[{name: 'Zero', color: '#FFF'},
            {name: 'Jeans', color: '#FA0'},
            {name: 'Duct', color: '#EEE'}
           ]} 

使用

map

arr.people = arr.people.map( (s, i) => ({...s, color: colors.color[i]}) )

演示

var-arr={
人民:[{
名称：“零”
}, {
名字：“牛仔裤”
}, {
名称：“风管”
}]
};
变量颜色={
颜色：['#fff'、'fa0'、'eee']
};
arr.people=arr.people.map（（s，i）=>（{…s，
颜色：颜色。颜色[i]
}));
控制台日志（arr）使用
地图

arr.people = arr.people.map( (s, i) => ({...s, color: colors.color[i]}) )

演示


var-arr={
人民:[{
名称：“零”
}, {
名字：“牛仔裤”
}, {
名称：“风管”
}]
};
变量颜色={
颜色：['#fff'、'fa0'、'eee']
};
arr.people=arr.people.map（（s，i）=>（{…s，
颜色：颜色。颜色[i]
}));
控制台日志（arr）该死，看起来很简单。感谢you@mplungjan当然，这看起来很简单。感谢you@mplungjan当然