forEach

forEach是Array新方法中最基本的一个,就是遍历,循环。例如下面这个例子:

es6的foreach循环遍历

结果:

es6的foreach循环遍历

这段代码相当于:

for (var k = 0, length = array.length; k < length; k++) {
  alert(array[k]);
}
我们的这个es6foreach相当于把循环出来的结果直接交给alert函数处理。
 
我们再来继续往下看:
 
es6的foreach循环遍历

执行结果:

es6的foreach循环遍历

我们看到循环出来的有三个结果,第一个是数组中的值,第二个为数组索引,第三个为数组本身,因此,我们有下面的处理方式

es6的foreach循环遍历

执行结果:

es6的foreach循环遍历

再下面,更进一步,forEach除了接受一个必须的回调函数参数,还可以接受一个可选的上下文参数(改变回调函数里面的this指向)(第2个参数)。

es6的foreach循环遍历

执行结果:

es6的foreach循环遍历

 

 如果是循环遍历const块:

 

 es6的foreach循环遍历

结果:

es6的foreach循环遍历

 

 遍历对象数组:

es6的foreach循环遍历

es6的foreach循环遍历

 

循环遍历数组嵌套:

es6的foreach循环遍历

es6的foreach循环遍历

 

 上面的还有另一种写法:

es6的foreach循环遍历

 

相关文章:

  • 2022-12-23
  • 2021-07-29
  • 2022-12-23
  • 2021-11-16
  • 2021-11-10
  • 2022-02-08
猜你喜欢
  • 2021-08-26
  • 2022-12-23
  • 2022-12-23
  • 2021-10-27
  • 2022-12-23
  • 2021-10-14
  • 2022-12-23
相关资源
相似解决方案