Javascript 递归数组展平

我正在练习并尝试编写一个递归数组展平函数。代码在这里：

function flatten() {
    var flat = [];
    for (var i = 0; i < arguments.length; i++) {
        if (arguments[i] instanceof Array) {
            flat.push(flatten(arguments[i]));
        }
        flat.push(arguments[i]);
    }
    return flat;
}

问题是，如果我向那里传递一个数组或嵌套数组，我会收到“超出最大调用堆栈大小”错误。我究竟做错了什么？

问题是你如何传递数组的处理，如果值是一个数组，那么你不断调用它会导致无限循环

function flatten() {
    var flat = [];
    for (var i = 0; i < arguments.length; i++) {
        if (arguments[i] instanceof Array) {
            flat.push.apply(flat, flatten.apply(this, arguments[i]));
        } else {
            flat.push(arguments[i]);
        }
    }
    return flat;
}

Demo: Fiddle http://jsfiddle.net/arunpjohny/qggo763o/

这是一个更现代的版本：

function flatten(items) {
  const flat = [];

  items.forEach(item => {
    if (Array.isArray(item)) {
      flat.push(...flatten(item));
    } else {
      flat.push(item);
    }
  });

  return flat;
}