使用数组 sort() 按 ReactJS 中的容量和名称排序

Question

我有一个问题。 如何先按容量排序数组项，然后按名称的第一个字母排序？ 主要思想是首先按容量从低到高或从高到低排序，然后如果两个项目的容量相同，则这两个项目按名称的第一个字母排序。

这是我的基本代码示例

myArray.sort((eventA, eventB) => {
      if (this.state.sort.highToLow.enabled) {
         return eventA.capacity > eventB.capacity ? -1 : 1;
     } else if (this.state.sort.lowToHigh.enabled) {
         return eventA.capacity > eventB.capacity ? 1 : -1;
     } else { return 0; }
     })

Answer 1

你可以使用 lodash sortBy 方法

_.sortBy(myArray, ['capacity', 'name']);

Answer 2

尝试这样的事情。 sort 方法，当容量相同时检查名称。

 const data = [ { name: "z", capacity: 2, }, { name: "b", capacity: 1, }, { name: "a", capacity: 1, }, ]; data.sort((a, b) => { if (a.capacity === b.capacity) { return a.name > b.name? 1: -1; } return a.capacity - b.capacity; }); console.log(data);