10

我有一个 ajax 调用,它返回一个非常复杂的 JSON 对象,我很难对其进行排序。

我的电话:

$.post('/reports-ajax',arguments, function(data) {}

响应:

{
"10001":{
    "unitname":"Fort Worth",
    "discounts":{"12-02-2012":"34.810000","12-03-2012":"20.810000","12-04-2012":"27.040000"},
    "gross":{"12-02-2012":"56.730000","12-03-2012":"19.350000","12-04-2012":"66.390000"},
    "net":{"12-02-2012":"61.920000","12-03-2012":"98.540000","12-04-2012":"39.350000"},
    "discounts_total":82.66,
    "gross_total":82.47,
    "net_total":99.81,
    "number":10001
    },
"10002":{
    "unitname":"Dallast",
    "discounts":{"12-02-2012":"12.600000","12-03-2012":"25.780000","12-04-2012":"47.780000","12-05-2012":"45.210000"},
    "gross":{"12-02-2012":"29.370000","12-03-2012":"91.110000","12-04-2012":"60.890000","12-05-2012":"51.870000"},
    "net":{"12-02-2012":"16.770000","12-03-2012":"65.330000","12-04-2012":"13.110000","12-05-2012":"06.660000"},
    "discounts_total":131.37,
    "gross_total":33.24,
    "net_total":101.87,
    "number":10002
    },
"32402":{
    "unitname":"Austin",
    "discounts":{"12-05-2012":"52.890000","12-02-2012":"22.430000","12-03-2012":"58.420000","12-04-2012":"53.130000"},
    "gross":{"12-05-2012":"25.020000","12-02-2012":"2836.010000","12-03-2012":"54.740000","12-04-2012":"45.330000"},
    "net":{"12-04-2012":"92.200000","12-05-2012":"72.130000","12-02-2012":"13.580000","12-03-2012":"96.320000"},
    "discounts_total":186.87,
    "gross_total":161.1,
    "net_total":174.23,
    "number":32402
    }
}

我用一个标准的每次调用来检查这个函数,并用 highcharts 做一些很棒的事情,但现在我试图通过 net_total 调用对响应进行排序,但我无法弄清楚。

我试过.sort()了,它错误地认为它不是一个函数。我已经阅读了一段时间,但我想我没有找到正确的结果。这看起来很有希望:对 JavaScript 对象数组进行排序,但由于.sort不是函数而失败。似乎大多数.sort都在 [] 数组上,而不是完整的对象..

任何帮助将不胜感激。

4

2 回答 2

16

对对象进行排序没有意义,因为对象键没有位置值。例如,这个:

{ a:1, b:2 }

还有这个:

{ b:2, a:1 }

是完全相同的对象。它们不仅相似,而且相同。

javascript 本身没有给对象键任何位置值。有些人可能错误地认为:

for (var key in obj) {

以特定顺序遍历对象键。但这是错误的。您应该始终假设for .. in循环始终以随机顺序处理对象键。

显然,如果你要编写一个 Web 浏览器,你不会实现一个随机数生成器来解析一个for .. in循环。因此,大多数 Web 浏览器对循环处理对象键的方式具有偶然的稳定性。for .. in

通过玩浏览器来学习 javascript 的开发人员可能会发现他们的浏览器以字母顺序迭代对象,或者键被添加到对象的顺序。但这完全是偶然的,不能依赖。浏览器供应商将来可能会在不违反任何向后兼容性的情况下更改此行为(除了那些认为对象具有排序顺序的人编写的错误脚本)。更不用说不同的浏览器具有不同的 javascript 实现,因此不一定具有相同的对象内部键顺序。

以上都是题外话。“键排序顺序”在 javascript 中没有任何意义,观察到的任何行为都只是实现细节。简而言之,javascript对象没有键顺序,只是假设它是随机的。


解决方案

现在,你真正想做的不是对对象进行排序(你不能,这没有意义)。您真正想做的是按特定顺序处理对象属性。解决方案是简单地创建对象键的数组(具有排序顺序),然​​后使用该数组处理对象:

// First create the array of keys/net_total so that we can sort it:
var sort_array = [];
for (var key in Response) {
    sort_array.push({key:key,net_total:Response[key].net_total});
}

// Now sort it:
sort_array.sort(function(x,y){return x.net_total - y.net_total});

// Now process that object with it:
for (var i=0;i<sort_array.length;i++) {
    var item = Response[sort_array[i].key];

    // now do stuff with each item
}
于 2012-12-07T07:25:15.557 回答
6

你所拥有的不是一个数组,也没有顺序,所以你必须将它转换成一个数组,这样你才能给它排序。

依稀:

var array = [];
$.each(data, function(key, value) {
    array.push(value);
});
array.sort(function(a, b) {
    return a.net_total - b.net_total;
});

实例| 来源

正如 GolezTroi 在评论中指出的那样,通常上述内容会丢失每个条目存储在其中的密钥,data因此您可以将其添加回上面的第一个$.each循环中,但在这种情况下,条目上已经有密钥(如number),所以没有必要。

或者您可以将第一个替换$.each$.map

var array = $.map(data, function(entry) {
    return entry;
});
// ...and then sort etc.

……随你喜欢。

于 2012-12-07T07:07:18.023 回答