如何使用 Array.reduce（） 的回调函数中的 Array.concat（）

Question

//Bonus - uncomment lines 15 and 17const arrays = [["how", "now"], ["brown", "cow"]];const flattenedArray = arrays.reduce((a,c) => a + c);// The below line should console.log: ["how", "now", "brown", "cow"]console.log(flattenedArray);我是使用 reduce 函数的新手，它有点复杂。我正在尝试扁平嵌套数组，但我真的不知道下一步该怎么做。

Answer 1

你已经提到了解决方案，你只需要实现它 - 当前项到回调内部的累加器：concatreduce

const arrays = [["how", "now"], ["brown", "cow"]];

const flattenedArray = arrays.reduce((a,c) => a.concat(c));

console.log(flattenedArray);

但会容易得多：.flat()

const arrays = [["how", "now"], ["brown", "cow"]];

const flattenedArray = arrays.flat();

console.log(flattenedArray);

Answer 2

另一个选项 - 平面图：

const arrays = [["how", "now"], ["brown", "cow"]];

const flattenedArray = arrays.flatMap(a => a);

console.log(flattenedArray);

但是，只有当你想在地图中做一些事情时，它才是真正有利的，就像这样：

const arrays = [["how", "now"], ["brown", "cow"]];

const flattenedArray = arrays.flatMap(a => a.concat(a));

console.log(flattenedArray);

或者像这样：

const arrays = [["how", "now"], ["brown", "cow"]];

const flattenedArray = arrays.flatMap(a => a.map(b => b.toUpperCase()));

console.log(flattenedArray);