使用Protoype JS迭代json对象数组并根据键对其进行排序[重复]

Question

对不起，如果这个问题是重复的，但我必须问它。我正在使用原型 JS 从文件中读取 JSON 数据。 JSON 数据如下所示；

{
    "metaData": {
        "date": "2014-10-06"
    },
    "listOf": [
        {
            "fname": "bill",
            "id": 23
        },
        {
            "fname": "tom",
            "id": 35
        },
        {
            "fname": "jerry",
            "id": 12
        },
        {
            "fname": "batman",
            "id": 68
        },
        {
            "fname": "superman",
            "id": 55
        },
        {
            "fname": "sp-m/super",
            "id": 55
        },
    ]
}

在我的代码中，我需要访问“listOf”键/数组，然后我想遍历每个元素并根据“fname”键对这些元素进行排序。我正在通过 ajax 请求读取这些数据。以下是该代码；

new Ajax.Request('/file.json', {
                    method:'get',
                    onSuccess: function(transport){
                        var json = transport.responseText.evalJSON();
                        console.log(json);
                    }
                });

现在 VAR JSON 包含所需数据，但我不知道如何访问“listOf”数据并对其进行迭代。

我尝试像这样使用 .each 函数；

json.list.each(alert);

但它只打印“object OBJECT”。

请帮我解决这个问题。

P.S：请尝试使用原型 JS 来回答，但不要使用 Jquery。

Answer 1

您可以使用其名称访问listOf 集合属性：

json.listOf

因此，如果您想对数组进行排序，可以尝试使用 .sort() javascript 方法：

json.listOf.sort(function(a, b) {
    if (a.fname > b.fname) {
        return 1;
    } else if (a.fname < b.fname) {
        return -1;
    }
    return 0;
});

// At this stage json.listOf will contain the sorted in-place array using the `fname` property

这里有一个sample jsfiddle 来说明这一点。