JavaScript：按每个对象中的数字属性对对象数组进行排序

Question

我很难理解如何使用 array.sort() 方法根据在每个对象中找到的数值对对象数组进行排序。基本上我有以下形式的场景：

var myarray = []
myarray.push({name: "alex", age: 8})
myarray.push({name: "ben", age: 57})
myarray.push({name: "dan", age: 32})

结果的初始顺序是“alex, ben, dan”。现在我想按年龄对这个数组进行排序，所以最年长的人排在第一位。排序后的顺序应该是“ben, dan, alex”。我如何以最简单的方式实现这一目标？

Answer 1

您可以使用解构赋值和如下.sort方法：

var myarray = []
myarray.push({name: "alex", age: 8})
myarray.push({name: "ben", age: 57})
myarray.push({name: "dan", age: 32});

var res = myarray.sort(({age:a}, {age:b}) => b-a);
console.log(res);

或者，如果您对析构不满意，您可以使用常规点符号来访问该age属性：

var myarray = []
myarray.push({name: "alex", age: 8})
myarray.push({name: "ben", age: 57})
myarray.push({name: "dan", age: 32});

var res = myarray.sort((a, b) => b.age-a.age);
console.log(res);

.sort工作方式由您从传入的回调函数返回的内容定义。如果您返回：

• <= -1然后a会来之前b。
• 0然后保持a和b在相同的位置
• >= 1然后b会在之前a

因此，通过计算两个年龄之间的差异，这“自然地”给出了正确的值来正确地对数组进行排序。

Answer 2

感谢大家。我通过使用这个选项解决了这个问题：

data.sort(function(a, b) { return b.score - a.score })

Answer 3

ES6

myarray.sort((a,b) => b.age - a.age)

ES5

myarray.sort(function(a,b){return b.age - a.age})

排序功能的详细描述可以在这里找到 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

*编辑为按照 OP 要求按降序排序

Answer 4

myarray.sort((a,b) => b.age - a.age)

是正确的答案，但没有人帮助解决OP很难理解排序的问题。传递给 sort 的函数是比较函数，当比较数组的两个元素时，如果 a 在先，则应返回小于 0 的值；如果相等则返回 0；如果 b 在先，则返回大于 0 的值。

我在我的项目中使用这个默认比较器函数

defaultCompare = (a, b) => (!a && !b ? 0 : !a ? -1 : !b ? 1 : a < b ? -1 : a > b ? 1 : 0);

因为未定义、null、NaN 和其他错误值可能会给你带来麻烦。