使用[过滤器，映射，一些，化简等]从2d数组的子对象创建1d数组

Question

我有一个对象如下：

Response{
  result:[{products:[o1,o2,o3]},{products:[o5,o7,o8]},{products:[o11,o12,o13]}]
}

如何使用函数式编程（过滤，映射，某些，化简等）创建所有产品对象o1，o2 ...的数组？

输出应为：

outArray = [o1,o2,o3,o5,o7,o8,o11,o12,o13]

Answer 1

为此，可以将concat与map结合使用：

 const products = [{products:[1,2,3]},{products:[5,7,8]},{products:[11,12,13]}]; const result = Array.prototype.concat.apply([], products.map(item => item.products)); console.log(result); 

Answer 2

使用Array＃reduce ， Array＃push ， 解构和传播语法 ：

 const data = {result:[{products:['a','b','c']},{products:['a','b','c']},{products:['a','b','c']}]} const res = data.result.reduce((a, {products}) => { a.push(...products); return a; }, []) console.log(res); 

Answer 3

较不冗长的替代方案，仍然使用map和spread运算符。

 const init = [ {products: [1, 2, 3]}, {products: [5, 7, 8]}, {products: [11, 12, 13]} ]; const result = [].concat(...init.map(x => x.products)); console.log(result); 

Answer 4

您可以使用地图并结合在一起以获取欲望输出

let result =[{products:['o1','o2','o3']},{products:['o5','o7','o8']},{products:['o11','o12','o13']}];
let data = [result.map(function(o){ return o.products})].join(',').split(',');
console.log(data);

Answer 5

使用Array.prototype.flatMap。

 const data = [{products: ['o1','o2','o3']}, {products: ['o5','o7','o8']}, {products: ['o11','o12','o13']}]; console.log(data.flatMap(p => p.products));