如何对参数而不是特定数组或对象使用.reduce（）？

Question

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

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;
};

使用.reduce（）重写.flant有什么好方法吗？

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

Answer 1

您还可以通过以下方式测试元素是否为子阵列：

function flatten(arr){
   var res = [];
   arr.forEach(x => Array.isArray(x) ? x.forEach(y => res.push(y)) : res.push(x));
  return res;
}

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

Answer 2

使用Array.prototype.concat.apply（[]，参数）

js lang-js prettyprint-override">function flatten() {
    return Array.prototype.concat.apply([], arguments);  
}

console.log(flatten([1, 2], 3, 4, [5, 6]));

Answer 3

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

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

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

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）。

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

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

合并/展平一组数组

如何在javascript中展平嵌套数组？

在JavaScript中展平多维数组

rray.prototype.flat方法