使用“地图”功能返回多个数组

时间:2019-01-15 14:52:05

标签: javascript ecmascript-6 functional-programming reduce

我的代码具有如下元素数组:

element: { fromX: { id: ... } , toX: { id: ... } }

要求是将所有fromX个ID放入一个数组,并将所有toX个ID放入另一个数组。

有两种不同的方法, 例如分别使用foreachreduce进行迭代,但是我正在寻找一种最优的函数方法来返回具有一个映射的两个数组?

4 个答案:

答案 0 :(得分:2)

您可以为所需键获取数组并映射值。稍后使用destructuring assignment来获得id

const
    transpose = array => array.reduce((r, a) => a.map((v, i) => [...(r[i] || []), v]), []),
    array = [{ fromX: { id: 1 }, toX: { id: 2 } }, { fromX: { id: 3 }, toX: { id: 4 } }],
    keys = ['fromX', 'toX'],
    [fromX, toX] = transpose(array.map(o => keys.map(k => o[k].id)));

console.log(fromX);
console.log(toX);

答案 1 :(得分:0)

尝试一下:

const arr = [{
  fromX: {
    id: 1
  },
  toX: {
    id: 2
  }
}, {
  fromX: {
    id: 3
  },
  toX: {
    id: 4
  }
}]
let {
  arr1,
  arr2
} = arr.reduce((acc, {
  fromX,
  toX
}) => ({ ...acc,
  arr1: [...acc.arr1, fromX],
  arr2: [...acc.arr2, toX]
}), {
  arr1: [],
  arr2: []
})
console.log(arr1, arr2);

答案 2 :(得分:0)

使用Array#reducedestructuring

const data=[{fromX:{id:1},toX:{id:2}},{fromX:{id:3},toX:{id:4}},{fromX:{id:5},toX:{id:6}},{fromX:{id:7},toX:{id:8}}]

const [fromX,toX] = data.reduce(([a,b], {fromX,toX})=>{
  a.push(fromX.id);
  b.push(toX.id);
  return [a,b];
}, [[],[]]);

console.log(fromX);
console.log(toX);

答案 3 :(得分:0)

您可以使用以下解决方案

来实现

var array = [{ fromX: { id: 1 }, toX: { id: 2 } }, { fromX: { id: 3 }, toX: { id: 4 } }], 
 arrayX = array.map(x => x.fromX), arraytoX = array.map(toX => toX.toX)

console.log(arrayX);
console.log(arraytoX );