如何修改JavaScript递归代码以实现数组所有元素的打印？

嗨，我来帮你搞定这个递归打印数组的问题～你自己发现的问题完全戳中了要害：每次调用loop4()的时候，你都重新把arr和i定义成了初始值，所以每次递归都会从第一个元素开始打印，根本没法推进到下一个元素。而且你虽然传了i参数，但函数里根本没用到这个参数，这也是一个小疏漏。

下面给你两种靠谱的修改方案，帮你实现递归打印整个数组：

方案一：将数组和当前索引作为函数参数（推荐） #

这种方法更灵活，函数不依赖外部变量，是更纯粹的递归写法：

function loop4(arr, i = 0) {
    // 递归终止条件：当索引超出数组长度时，停止递归
    if (i >= arr.length) {
        return;
    }
    // 打印当前索引对应的元素
    console.log(arr[i]);
    // 递归调用，索引加1，处理下一个元素
    loop4(arr, i + 1);
}

// 调用时直接传入目标数组即可
loop4([1,2,3,4,5,6,7,8,9,10]);

这里的关键是：

• 把数组和当前处理的索引作为参数传递给递归函数，每次调用都会携带更新后的索引
• 用默认参数i = 0，让你调用函数时不用手动传入初始索引，更简洁
• 先判断终止条件，避免无限递归

方案二：将数组放在函数外部（适合简单场景） #

如果你不想把数组作为参数传递，也可以把数组定义在函数外面，只传递索引：

// 把数组定义在函数外部，避免每次递归重新创建
const arr = [1,2,3,4,5,6,7,8,9,10];

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

// 直接调用函数即可
loop4();

不过这种方法的局限性是函数依赖外部变量，换数组的时候需要修改外部的arr，灵活性不如方案一。

最后再强调下递归的核心要点：

• 必须有状态延续：要把当前的进度（比如索引）传递给下一次递归，不能每次都重置
• 必须有明确的终止条件：当满足某个条件时停止递归，不然会无限调用下去
• 尽量避免在递归函数内部定义会被重置的变量，不然之前的进度就丢失啦

备注：内容来源于stack exchange，提问作者nouserbruh1