forEach是JavaScript中用于遍历数组并执行副作用操作的常用方法,接收含item、index、array参数的回调函数,但无法中断循环、不返回新数组、不能增删元素。

JavaScript 中迭代数组最常用的方法之一是 forEach,它能让你对数组中每个元素执行一次指定的操作,写法简洁、语义清晰,适合“只遍历不生成新数组”的场景。
forEach 是数组的内置方法,接收一个回调函数作为参数,该函数会自动被调用,每次传入当前元素、索引和原数组:
arr.forEach((item, index, array) => { /* 操作 */ });
item:当前遍历到的元素值(必填)index:当前元素的下标(可选,常用于需要位置信息时)array:原数组本身(极少用,但可用于调试或比较)比如有一个数字数组,想打印每个数及其位置:
const nums = [10, 20, 30];
nums.forEach((num, i) => {
console.log(`第 ${i} 个数是 ${num}`);
});
// 输出:
// 第 0 个数是 10
// 第 1 个数是 20
// 第 2 个数是 30再比如处理对象数组:
立即学习“Java免费学习笔记(深入)”;
const users = [{name: '张三'}, {name: '李四'}];
users.forEach(user => console.log('欢迎', user.name));
// 输出:
// 欢迎 张三
// 欢迎 李四它不是万能的,有些情况不能用 forEach 替代其他方法:
break 或 return false 机制;想提前退出要用 for 或 some/find
undefined,想生成新数组请用 map
item.name = 'xxx'),但不能增删元素(否则可能跳过或重复遍历)以下情况建议换别的方法:
for 循环或 some
map
reduce
filter 再 forEach,或直接用 for 加 if
基本上就这些。forEach 简单好记,适合日常遍历打印、发请求、更新 DOM 这类“副作用操作”,用对了很顺手,用错了容易踩坑。
以上就是javascript如何迭代数组_ forEach怎么用的详细内容,更多请关注php中文网其它相关文章!
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号