使用underscore.js按值对对象数组进行排序

时间:2015-05-10 18:55:51

标签: javascript sorting underscore.js

我试图按average属性按降序排序对象数组 - 所以最大的average是第一个 - 但是我无法使用underscore.js。以下是我的尝试:

var jsonData = [
{
    "title": "Dear Kitten",
    "totalCount": 1689,
    "average": 241
},
{
    "title": "Weird Things All Couples Fight About",
    "totalCount": 9966,
    "average": 1424
},
{
    "title": "If Disney Princesses Were Real",
    "totalCount": 16567,
    "average": 2367
},
{
    "title": "Secret Tricks With Everyday Objects",
    "totalCount": 24884,
    "average": 3555
},
{
    "title": "The Coolest Travel Hacks",
    "totalCount": 41847,
    "average": 8369
},
{
    "title": "5 Ways You're Drinking Coffee Wrong",
    "totalCount": 55673,
    "average": 7953
},
{
    "title": "The Perfect Way To Pour A Beer",
    "totalCount": 58097,
    "average": 58097
},
{
    "title": "Fruit You're Eating Wrong",
    "totalCount": 65570,
    "average": 32785
},
{
    "title": "Your Cat Is Judging You",
    "totalCount": 78952,
    "average": 11279
},
{
    "title": "3rd Date vs 30th Date",
    "totalCount": 84394,
    "average": 14066
}
];

console.log(_.sortBy(jsonData, "average"));

jsFiddle

1 个答案:

答案 0 :(得分:2)

这里的问题是您希望数组按降序顺序排序average,而不是默认的升序。

您可以通过向iteratee功能提供自定义_.sortBy()来执行此操作:

_.sortBy( jsonData, function( item ) { return -item.average; } )

Updated fiddle

但我不建议这样做。简单地使用本机JavaScript [].sort()方法并为其提供比较函数会好得多:

jsonData.sort( function( a, b ) { return b.average - a.average; } )

Better fiddle

如果要对非常大的数组进行排序,这也会比使用_.sortBy()更快。查看_.sortBy()的源代码,了解原因:

_.sortBy = function(obj, iteratee, context) {
  iteratee = cb(iteratee, context);
  return _.pluck(_.map(obj, function(value, index, list) {
    return {
      value: value,
      index: index,
      criteria: iteratee(value, index, list)
    };
  }).sort(function(left, right) {
    var a = left.criteria;
    var b = right.criteria;
    if (a !== b) {
      if (a > b || a === void 0) return 1;
      if (a < b || b === void 0) return -1;
    }
    return left.index - right.index;
  }), 'value');
};

除了.sort()调用之外,它还做了很多工作 - 这段代码只是冰山一角,它调用的辅助函数如cb()做了很多工作也是。

为什么在您自己直接致电.sort()时也能如此轻松?

此外,它需要仔细阅读那个冗长的.sortBy()来源,以确保它执行数字排序而不是字典排序 - 并且the documentation doesn't say

词典排序(又称字母排序)是将值排序为字符串的位置,而不是数字。例如,它将使用此顺序:

[ 1424, 2367, 241, ... ]

当您自己调用本机数组.sort()时,您可以轻松验证它是否使用数字排序:值b.average - a.average始终是数字。