您将如何对参数而不是特定的数组或对象使用.duce()？

我想定义一个函数.flatten，它将多个元素展平为一个单独的数组。我知道以下情况是不可能的，但基本上我想这样做：

var flatten = function() {
   var flattened = arguments.reduce(function(acc, elem) { return acc.concat(elem) }, []);
   return flattened;
}; 

var arr = [[1,2,3], 4, 5, [6, 7]];
console.log(flatten(arr)) // => [1,2,3,4,5,6,7]

我收到以下错误：

TypeError: arguments.reduce is not a function

我理解上面的错误是因为参数只是类似数组的，所以它不具备真正数组的全部功能。所以有以下几点，但我想知道有没有更干净的：

var flatten = function() {
  var flattened = [].reduce.call(arguments, function(acc, elem) { return acc.concat(elem) });
  return flattened;
};

有没有什么好方法可以使用.duce()重写.flten？

注意：我知道还有许多其他方法可以在javascript中展平数组，但我在这里想知道的是如何特别使用参数来做到这一点。

---

解决方案

首先将arguments对象转换为数组：

var flatten = function() {
   var args = Array.prototype.slice.call(arguments);
   var flattened = args.reduce(function(acc, elem) { return acc.concat(elem) }, []);
   return flattened;
};

或者，直接在arguments对象上使用数组方法：

var flatten = function() {
   var flattened = Array.prototype.reduce.call(arguments, function(acc, elem) { return acc.concat(elem) }, []);
   return flattened;
};

在ES6中，您可以使用Array.from()将任何可迭代或类似数组的对象转换为实际的数组：

var flatten = function() {
   var args = Array.from(arguments);
   var flattened = args.reduce(function(acc, elem) { return acc.concat(elem) }, []);
   return flattened;
};

---

使用现代语言功能在2021年进行更新：

function flatten(...args) {
    return args.flat();
}

并且，如果要展平到比下一级更深的级别，则可以将深度传递给.flat(n)(默认为1)。

不过，由于我们现在将这些更现代的功能内置到了语言中，您可能可以更直接地使用它们，而不是将它们传递给函数来处理它们，但我们必须查看一些特定的用例来为解决问题的内联方法提供建议，而不是使用此函数。

---

仅供参考，展平数组的方法有很多：

Merge/flatten an array of arrays

How to flatten nested array in javascript?

Flattening multidimensional Arrays in JavaScript

Array.prototype.flat() method