方法一:map()
map()方法 返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
注意:为了不影响原对象数据,所以对属性进行拷贝(...item)
const dataList = [
{
name:'小芳',
age: 18
},
{
name:'小花',
age: 19
}
]
const cList = ['#FFA822', '#C215F9'];
const newList = dataList.map((item,index)=>{
return {
...item,
sex:'女',
itemStyle: {
color: cList[index],
},
}
})
console.log(newList,'newList',dataList);
方法二: foreach() 方法 :
foreach()方法 用于调用数组的每个元素,并将元素传递给回调函数。
注意:该方法会直接改变原数组,无返回值
const dataList = [
{
name:'小芳',
age: 18
},
{
name:'小花',
age: 19
}
]
const cList = ['#FFA822', '#C215F9'];
const newList = dataList?.forEach((item, index) => {
item.sex = '女'
item.itemStyle = {
color: cList[index]
}
})
console.log(newList, 'newList', dataList);