JavaScript中的forEach与for循环的区别

最新推荐文章于 2025-07-28 14:12:32 发布

原创最新推荐文章于 2025-07-28 14:12:32 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ecmascript

JavaScript学习专栏收录该内容

7 篇文章

订阅专栏

本文详细对比了JavaScript中for循环与forEach方法的差异，包括语法、中断控制及性能方面。for循环允许使用return、break、continue中断，而forEach不支持。此外，forEach的this绑定和不可控的index值也是其特点。性能上，for循环通常优于forEach，因为forEach涉及函数调用和上下文。文章还提到了map方法的性能，它由于创建新数组而相对较慢。

for与forEach的区别：

1、语法区别

arr.forEach(function(value,index,array){
    ......
},Person);
//回调函数后面的这个参数是this的指向

let arr = [1,2,3,4];
let person = {
    name : young
};
arr.forEach(function(value,index,array){
    console.log(`当前元素为${value} 索引为${index},属于数组为${a}`);
    console.log(this.name += '--splendid');
},person);

在这里插入图片描述

2、for和forEach的中断

for循环中可以使用return 、break、continue进行跳出循环的操作

但forEach属于迭代器，只能一次遍历，以上方法无法中断遍历

let arr = [1,2,3,4];
arr.forEach(function(value,index,array){
    console.log(`forEach第${index}次循环 -> ${value}`);
    if(value == 2){
        //break;报错：Illegal break statement
        //continue;报错：Illegal continue statement
        //return;//不会终止迭代
    };
});

###3、forEach()无法控制index的值，for循环可以控制循环的起点，而forEach()的起点只能为0不能自己改变。

3、性能区别

for > forEach > map

原因：
- for就是一个简单的循环，没有额外的函数和上下文。
- forEach里面有函数和上下文，函数里面又有参数，所以执行起来要比for慢一点
  函数和上下文。
- forEach里面有函数和上下文，函数里面又有参数，所以执行起来要比for慢一点
- map最慢是因为map会返回一个新数组，数组的创建和赋值会产生新的内存空间