JavaScript：使用 Reduce 方法将多个数组合并为一个数组

Question

我有以下代码：const intersection = (arr) => {  //console.log(arr)  return arr.reduce((a,e) => a+e, [])}const arr1 = [5, 10, 15, 20];const arr2 = [15, 88, 1, 5, 7];const arr3 = [1, 10, 15, 5, 20];console.log(intersection([arr1, arr2, arr3]));我期待我的代码打印，[5,10,15,2015,88,1,5,71,10,15,5,20]但它正在打印5,10,15,2015,88,1,5,71,10,15,5,20我究竟做错了什么？

Answer 1

您正在尝试将数组与+运算符组合在一起。由于数组不支持+运算符，因此它们被强制转换为字符串。您可以使用数组展开或Array.concat()使用Array.reduce()以下方法组合它们：

const intersection = arr => arr.reduce((a, e) => [...a, ...e], [])

const arr1 = [5, 10, 15, 20];

const arr2 = [15, 88, 1, 5, 7];

const arr3 = [1, 10, 15, 5, 20];

console.log(intersection([arr1, arr2, arr3]));

或者你可以使用Array.flat()：

const intersection = arr => arr.flat();

const arr1 = [5, 10, 15, 20];

const arr2 = [15, 88, 1, 5, 7];

const arr3 = [1, 10, 15, 5, 20];

console.log(intersection([arr1, arr2, arr3]));

Answer 2

不要+用于添加数组。使用concat来代替：

const intersection = arr => arr.reduce((a, e) => a.concat(e), []);

const arr1 = [5, 10, 15, 20];

const arr2 = [15, 88, 1, 5, 7];

const arr3 = [1, 10, 15, 5, 20];

console.log(intersection([arr1, arr2, arr3]));

.as-console-wrapper { max-height: 100% !important; top: auto; }