尝试使用 Javascript 和下划线按对象属性对 {key: object} 对进行排序

Question

{
  "TR":{
    "total_fans":1848,
    "country_name":"Turkey"
  },
  "US":{
    "total_fans":1097,
    "country_name":"United States"
  },
  "DE":{
    "total_fans":915,
    "country_name":"Germany"
  },
  "MX":{
    "total_fans":1148,
    "country_name":"Mexico"
  },
  "RS":{
    "total_fans":359,
    "country_name":"Serbia"
  },
  "IT":{
    "total_fans":798,
    "country_name":"Italy"
  }
}

我想根据粉丝对此进行排序。例如，在这种情况下，它应该是“TR”、“MX”、“US”……等等，如果有帮助的话，使用 JS 和下划线。 谢谢！

Answer 1

JavaScript 对象是无序的，因此您将无法排序或以其他方式定义特定顺序。

您可以将属性转换为数组，然后对其进行排序，但这与您将得到的差不多。

由于您似乎想按粉丝数量排序，您可以这样做。

Object.keys(myObject)
    .sort(function(a,b) {
        return myObject[a].total_fans - myObject[b].total_fans;
    }).forEach(function(key) {
        console.log(myObject[key]);
    });

要支持 IE8 及更低版本，您需要为 Object.keys 和 Array.prototype.forEach 安装补丁。

正如 Bruce Lim 所说，这是一种升序排序。要下降，请在 return 之后交换 - 运算符的操作数。

return myObject[b].total_fans - myObject[a].total_fans;

Answer 2

如果您不关心 IE obj 中：

var sorted = Object
   .keys(obj)
   .map(function(key) {
       // Put the country in the item?
       obj[key].country = key;
       return obj[key];
   })
   .sort(function(a, b) {
       if (a.total_fans > b.total_fans) {
           return -1;
       } else if (b.total_fans > a.total_fans) {
           return 1;
       }
       return 0;
   });

这将为您提供一个Array，按照粉丝最多的项目排在第一位，并在您需要时将国家/地区代码添加到每个项目中（如果不需要，请省略）。

Answer 3

尝试用数组排序：

var array = [];

// copy object to array
for (var x in yourObject) array.push([x, yourObject[x].total_fans]);

// sort array
array.sort(function(item1, item2) { return item1[1] - item2[1] });

// now get the keys
var keys = [];
for (var i = 0; i < array.length; i ++) keys.push(array[i][0]);

// keys = ["RS", "IT", "DE", "US", "MX", "TR"]

请注意，如果您不关心旧的 IE，使用 map 获取密钥的步骤可能会更容易。

Answer 4

更新：多亏了与 Doorknob 的热烈但有益的交流，我意识到他在修改 Object.prototype 时要小心谨慎，这是一个很好的观点。我修改了答案，通过使新方法不可枚举，使 Object.prototype 的扩展不那么具有侵入性。谢谢，门把手！

更新 2：我现在意识到 OP 明智地选择正确答案是正确的。 Object.keys 完全符合我的 ownProps 方法（见下文）所做的，而且它是一个标准（尽管您仍然需要在 IE8 中进行 polyfill）。我会删除这个答案，因为 cookie monster 确定了它，但我认为这是一个有用的讨论，即使 ownProps 与 Object.keys 是多余的，它可能会教给某人......一些东西。

我编写了一个名为ownProps 的便捷函数，它返回对象的所有属性名称（不包括原型链中的属性）。这是一种更实用的方式来执行 Doorknob 上面的建议：

// retrieves all of the properties of an object as an array, 
// omitting properties in the prototype chain; note that we use
// Object.defineProperty so we can make this non-enumerable, thereby
// making a safer modification of Object.prototype
Object.defineProperty(Object.prototype,'ownProps',{
  enumerable: false,
  value: function() {
    var props = []; for( var prop in this ) { 
        if( this.hasOwnProperty( prop ) ) props.push( prop ); 
    } 
    return props;
  }
});

有了这个，您可以使用自定义排序功能对您的对象进行排序：

var obj = {"TR":{"fans":1848,"country_name":"Turkey"}/*...*/}

var sortedKeys = obj.ownProps().sort(function(a,b){
    return obj[a].fans - obj[b].fans;
});

Answer 5

解决方案：http://jsfiddle.net/az7XN/

假设你的粉丝对象是fansObj：

for(prop in fansObj){
   console.log(prop, fansObj[prop]);
}

输出示例：TR, {"fans":1848,"country_name":"Turkey" }

在for circle 之前声明数组变量并将每个 obj 推到那里：

var arr = [];
for(prop in fansObj){
   console.log(prop, fansObj[prop]);
   arr.push(fansObj[prop]);
}

然后排序：

arr.sort(function(a,b){parseInt(b['total_fans'],10) - parseInt(a['total_fans'])});

parseInt(obj,10) 将接受将对象从十进制转换为整数。

现在您已经对数组进行了排序（取决于排序函数内部的比较（a-b=desc 或 b-a=asc））。

用到的功能：

for..in

Array.prototype.sort()

parseInt()