如何实现无返回值回调的高阶forEach函数（禁用原生方法）

嘿，我明白你的困扰——之前写的forEach得靠return才能跑，但要求是无返回值还不能用原生方法对吧？其实问题大概率出在你之前的实现方式上，比如不小心用了递归或者错误地返回了回调的结果。咱们换个思路，用最基础的for循环就能完美解决，完全不需要return！

正确的实现代码 #

function forEach(arr, callback) {
  // 用普通for循环遍历数组每一项
  for (let i = 0; i < arr.length; i++) {
    // 对每个元素执行回调，传入元素、索引、原数组（对齐原生forEach的参数）
    callback(arr[i], i, arr);
  }
  // 这里不需要写return，函数默认会返回undefined，符合无返回值要求
}

为什么这样可行？ #

• 原生forEach的核心就是遍历数组并逐个执行回调，没有返回值（默认返回undefined）。
• 用for循环遍历的时候，循环会自动从头走到尾，把每个元素的回调都执行一遍，不需要靠return来维持流程。
• 函数最后不写return的话，JavaScript会默认返回undefined，刚好满足“无返回值”的要求。

测试一下效果 #

// 测试用例：打印数组每个元素和它的索引
forEach(['apple', 'banana', 'cherry'], (item, index) => {
  console.log(`索引${index}：${item}`);
});

// 输出结果：
// 索引0：apple
// 索引1：banana
// 索引2：cherry

你之前可能踩的坑 #

如果你之前是用递归实现的forEach，可能会不小心在递归调用前加了return，导致函数提前终止或者返回了值。比如这种错误写法：

// 错误示例：递归里加了return，导致有返回值且可能提前结束
function badForEach(arr, callback, index = 0) {
  if (index >= arr.length) return;
  callback(arr[index], index, arr);
  return badForEach(arr, callback, index + 1); // 这里的return完全没必要！
}

把上面的return badForEach(...)改成直接调用badForEach(...)，去掉return，递归版本也能做到无返回值，但相比之下for循环更简单直观，也不容易出错。

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