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

2022-08-16 00:00:00 flatten arguments reduce javascript

我想定义一个函数.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

相关文章