JavaScript 减少内部映射

Question

我正在尝试根据对象属性之一的总和对对象数组进行排序。本质上，像这样：array = [          {            id:4,            tally: [1, 3, 5]          },         {            id: 6,            tally: [2, 3, 6]         },         {            id: 9,            tally: [2, 1, -1]         }]如果我们将相应tally的 s 相加，我们将分别得到 9、11 和 2，在这种情况下，我想要这样的东西：array = [          {            id:6,            tally: [2, 3, 6]          },         {            id: 6,            tally: [1, 3, 5]         },         {            id: 9,            tally: [2, 1, -1]         }]我知道这是 的某种组合map，reduce但我正在努力了解如何以正确的 React 格式对其进行编码。

Answer 1

您可以首先使用计算每个对象的总和，map然后reduce使用方法对该新数组进行排序，sort然后使用另一种map方法删除 sum 属性

const array = [{

    id: 4,

    tally: [1, 3, 5]

  },

  {

    id: 6,

    tally: [2, 3, 6]

  },

  {

    id: 9,

    tally: [2, 1, -1]

  }

]

const sorted = array

  .map(({ tally, ...rest }) => ({

    sum: tally.reduce((r, e) => r + e, 0), tally, ...rest

  }))

  .sort((a, b) => b.sum - a.sum)

  .map(({ sum, ...rest }) => rest)

console.log(sorted)

Answer 2

您可以先将总和累加到 aMap中，其中每个键是id对象的，每个值是该对象tally数组的总和。您可以使用.reduce()来计算总和。这里acc是一个累积值，它从 0 开始，并在每次调用 reduce 回调时被添加。

获得每个对象的总和后，您可以使用.sort()如下方式根据每个对象的总和进行排序：

const array = [{ id: 4, tally: [1, 3, 5] }, { id: 6, tally: [2, 3, 6] }, { id: 9, tally: [2, 1, -1] }];

const sumMap = new Map(array.map(

  ({id, tally}) => [id, tally.reduce((acc, n) => acc+n, 0)])

);

const res = array.sort((a, b) => sumMap.get(b.id) - sumMap.get(a.id));

console.log(res);

Answer 3

你可以这样做sort：

var arr=[{id:4,

          tally: [1, 3, 5]},

         {id: 6,

          tally: [2, 3, 6]},

         {id: 9,

          tally: [2, 1, -1]}

]

var result =arr.sort((a,b)=>{

    aa = a.tally.reduce((acc,elem)=>acc+elem,0);

    bb = b.tally.reduce((acc,elem)=>acc+elem,0);

    return bb-aa;

});

console.log(result);