要遍历对象数组以渲染一个新的数组,可以使用map()方法。以下是一个使用JavaScript的示例代码:
const originalArray = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Bob' }
];
// 使用map()方法遍历原始数组并渲染一个新的数组
const newArray = originalArray.map((item) => {
return {
...item, // 使用展开运算符复制原始对象的属性
age: 20 // 添加新的属性
};
});
console.log(newArray);
在上面的代码中,我们首先定义了一个包含对象的原始数组originalArray。然后,我们使用map()方法遍历该数组,并为每个对象添加一个age属性,将结果存储在新的数组newArray中。最后,我们打印出新的数组。
输出结果为:
[
{ id: 1, name: 'John', age: 20 },
{ id: 2, name: 'Jane', age: 20 },
{ id: 3, name: 'Bob', age: 20 }
]
这样,我们成功地遍历了对象数组并渲染了一个新的数组。
上一篇:遍历对象数组以显示图片