如何用递归在JavaScript中打印数组元素？将自定义myForEach改为递归实现

嘿，我来帮你把迭代版的myForEach改成递归实现，同时给你讲讲JavaScript里用递归处理数组的核心思路～

首先，递归的关键是基准终止条件和逐步缩小问题规模：我们需要一个停止递归的条件，然后每次递归只处理当前元素，把剩下的元素交给下一次递归调用。

递归版myForEach实现 #

下面是修改后的递归版本，完全兼容原生forEach的调用方式：

Array.prototype.myForEach = function(callback, index = 0) {
  // 基准条件：当索引超出数组长度时，终止递归
  if (index >= this.length) return;

  // 执行回调，传递和原生forEach一致的三个参数：当前元素、索引、原数组
  callback(this[index], index, this);

  // 递归调用，处理下一个元素（问题规模缩小：索引+1）
  this.myForEach(callback, index + 1);
};

// 测试用例，和你原来的调用方式完全一样
const forArr = ['8', '17', '25', '42','67'];
forArr.myForEach(function(exm){ 
  console.log(exm); 
});

代码解释 #

• 我们给方法新增了一个可选的index参数，默认值为0，这样用户调用时不需要手动传入索引，和原生forEach的体验一致。
• 基准条件判断index >= this.length：一旦索引超过数组最后一个元素的位置，就停止递归，避免无限调用。
• 每次递归先处理当前索引对应的元素，然后调用自身并把索引+1，逐步遍历整个数组。

单独的递归打印数组函数 #

如果你只是想单纯用递归打印数组元素，也可以写一个更简洁的独立函数：

function printArrayRecursively(arr, index = 0) {
  if (index >= arr.length) return;
  console.log(arr[index]);
  printArrayRecursively(arr, index + 1);
}

// 调用示例
printArrayRecursively(['8', '17', '25', '42','67']);

这个函数的逻辑和递归版myForEach核心一致，只是把回调逻辑直接换成了打印操作。

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