Как бы вы использовали .reduce() для аргументов вместо определенного массива или объекта?

Question

Я хочу определить функцию .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; 
}; 

Любой хороший способ переписать .flatten используя .reduce()?

ПРИМЕЧАНИЕ: Я знаю, что есть много других способов, которыми вы можете сглаживать массивы в javascript, но мне было интересно, как это сделать с конкретными аргументами .

Answer 1

Преобразование 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; 
}; 

---

FYI, есть много способов, чтобы сгладить массив:

Merge/flatten an array of arrays in JavaScript?

How to flatten nested array in javascript?

Flattening multidimensional Arrays in JavaScript

Answer 2

Использование Array.prototype.concat.apply([], arguments)

function flatten() { 
 
    return Array.prototype.concat.apply([], arguments); 
 
} 
 

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

Если это выглядит некрасиво, и вы не против создания неиспользуемый пустой массив, вы можете использовать:

[].concat.apply([], arguments) 

В ES6, хотя, вы можете получить лучшее из обоих миров:

[].concat(...arguments) 

Answer 3

Вы также можете проверить, если элементы subArraythis образом:

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 4

Что-то вроде этого:

BTW: Я думаю, с помощью push лучше concat, поскольку это не создает новый массив

function flatten() 
{ 
    return flatten0([], Array.from(arguments)); 

    function flatten0(res, arrToFlatten) 
    { 
    for (let el of arrToFlatten) 
     Array.isArray(el) ? flatten0(res, el) : res.push(el); 
    return res; 
    } 
}; 

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