前端开发中,使用foreach与

const users = [
{ id: 1, name: '张三', age: 25 },
{ id: 2, name: '李四', age: 30 }
];

foreach:单纯遍历,执行副作用(如渲染 DOM、打印日志),不返回新数组

users.forEach(user => {
console.log(${user.name} 今年 ${user.age} 岁);
// 这里可以做 DOM 渲染等操作
});

map: 遍历并转换每个对象,返回一个新数组(长度不变)。

// 提取所有名字
const names = users.map(user => user.name);
// ['张三', '李四']

// 给每个对象添加新字段
const newUsers = users.map(user => ({
...user,
isAdult: user.age >= 18
}));

posted @ 2026-09-02 16:28  firegun  阅读(4)  评论(0)    收藏  举报