我一直在研究递归函数，并且开始或多或少地理解它们。当我遇到这个问题时，我正在参加一个免费的代码训练营挑战，但我不明白它。 for 循环内的递归函数：

function steamroller(arr) {
   var newArr = [];

    for (var i = 0; i < arr.length; i++) {
       //If (i)th element is an array
       if (Array.isArray(arr[i])) {
          newArr = newArr.concat(steamroller(arr[i]));
          console.log(newArr);
       } else {
          newArr.push(arr[i]);
       }
   }
   return newArr;
}
steamroller([1, [2],[3, [[4]]]]);
//returns [1, 2, 3, 4]

我很难理解的那句话是：

newArr = newArr.concat(steamroller(arr[i]));

在那条线上，newArr连接到什么？该函数在 .concat 方法内部再次调用，对吗？但是 for 循环会发生什么呢？ concat 方法内部的函数调用是否强制循环退出？

这里有一个JSFiddle https://jsfiddle.net/Chirpizard/owgp0vcd/，我有每个newArr登录到控制台，但我什至无法遵循它。该数组的构建方式如下：

[1, 2]
[4]
[3, 4]
[1, 2, 3, 4] //Final

Thanks.

The steamroller函数需要循环遍历作为函数参数提供的数组中的索引，以确保可以看到数组的每个索引。

然而，原始数组有多个索引，而这些索引本身又可能包含多个索引，所有这些索引都需要依次循环。

致电给concat仅在循环的当前索引上完成，这意味着结果是当前索引的“压轴”表示。

一步步

1. 原始数组被传递给函数：[1, [2],[3, [[4]]]]
2. 循环从第一个索引开始：1，它不是一个数组，因此它被推送到结果数组中。
3. 下一次循环迭代的索引是[2]，它是一个数组，因此是递归的。
4. 对函数的第一次递归调用接收[2]并迭代它。
5. 此递归调用的第一次迭代发现索引为2，它不是数组，因此被推送到结果数组。
6. ... 继续 ...

我们看到的是，当使用递归函数迭代嵌套数组时，无论嵌套如何，我们最终总是会获得内部整数值。