JavaScript中的forEach与for循环的区别

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会返回一个新数组，数组的创建和赋值会产生新的内存空间