前端开发中,使用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
}));

浙公网安备 33010602011771号