如何将JavaScript中的for循环转换为forEach方法（附示例代码）

嘿，作为JS新手刚接触forEach确实容易有点懵，不过其实它比你原来的for循环写法更简洁直观，我来一步步帮你改：

首先先给你看完整的修改后的代码，之后再解释细节：

var problemList = ["9000", "9001", "9002"];
problemList.forEach(function(problemId) {
  getProblemDetails(problemId);
});

拆解一下为什么这么写： #

• forEach是数组自带的方法，你直接调用problemList.forEach()就可以启动遍历
• 括号里传入的是一个回调函数，这个函数会在数组的每个元素上执行一次
• 回调函数的第一个参数problemId，就对应你原来for循环里的problemList[count]——也就是当前遍历到的数组元素，不用你手动去通过索引取值了
• 回调函数里的逻辑和你原来循环体里的完全一样：调用getProblemDetails并传入当前元素

如果你想写得更简洁，ES6的箭头函数还能把代码缩成一行：

problemList.forEach(problemId => getProblemDetails(problemId));

额外小补充（如果之后需要用到索引的话）： #

forEach的回调函数还可以接收第二个参数（当前元素的索引）和第三个参数（原数组），比如：

problemList.forEach(function(problemId, index) {
  console.log(`正在处理第${index}个问题：${problemId}`);
  getProblemDetails(problemId);
});

不过你现在的场景用不上索引，所以只用第一个参数就足够啦。

这样写就和你原来的for循环实现完全相同的功能，而且不用手动维护count变量和循环条件，是不是轻松多了？

内容的提问来源于stack exchange，提问作者QuestionBuzz