投资菜地

屋后的一亩三分绿色菜园地

2017-09-07

Json Array 排序去重

Json Array 排序去重

许多情况下我们需要在客户端对内容进行排序或去重,比如服务器端无法确认消息的可靠性和有序性时,需要客户端做适当的处理。下面就说说如何在客户端使用JS做排序和去重。

首先定义一个Json 数组:


var jsonArray = [
    { Name: "George", Age: 12 },
    { Name: "George", Age: 12 },
    { Name: "John", Age: 12 },
    { Name: "Thomas", Age: 54 },
    { Name: "ADM", Age: 45 },
    { Name: "James", Age: 45 },
    { Name: "Adrew", Age: 45 },
    { Name: "Martin", Age: 8 }
];

然后定义两个方法:

function JsonSort(json, key) {
    //console.log(json);
    for (var j = 1; j < json.length; j++) {
        var temp = json[j], val = temp[key], i = j - 1;
        while (i >= 0 && json[i][key] > val) {
            json[i + 1] = json[i];
            i = i - 1;
        }
        json[i + 1] = temp;
    }
    return json;
}
function JsonDistinct(json, key) {
    var res = [json[0]];
    for (var i = 1; i < json.length; i++) {
        var repeat = false;
        for (var j = 0; j < res.length; j++) {
            if (json[i][key] == res[j][key]) {
                repeat = true;
                break;
            }
        }
        if (!repeat) {
            res.push(json[i]);
        }
    }
    return res;
}

分别用于排序和去重。

接下来做测试:

document.write("原始数据:");
document.write("<hr />");
for (var i = 0; i < jsonArray.length; i++) {
    document.write(jsonArray[i].Name + ":" + jsonArray[i].Age + "<br />");
}
document.write("<br><br>按名字排序:");
document.write("<hr />");
jsonArray = JsonSort(jsonArray, "Name");
for (var i = 0; i < jsonArray.length; i++) {
document.write(jsonArray[i].Name + ":" + jsonArray[i].Age + "<br />");
}

document.write("<br><br>按年龄排序:");
document.write("<hr />");
jsonArray = JsonSort(jsonArray, "Age");
for (var i = 0; i < jsonArray.length; i++) {
    document.write(jsonArray[i].Name + ":" + jsonArray[i].Age + "<br />");
}
document.write("<br><br>按名字去重复:");
document.write("<hr />");
jsonArray = JsonDistinct(jsonArray, "Name");
for (var i = 0; i < jsonArray.length; i++) {
    document.write(jsonArray[i].Name + ":" + jsonArray[i].Age + "<br />");
}

document.write("<br><br>按年龄去重复:");
document.write("<hr />");
jsonArray = JsonDistinct(jsonArray, "Age");
for (var i = 0; i < jsonArray.length; i++) {
    document.write(jsonArray[i].Name + ":" + jsonArray[i].Age + "<br />");
}

测试结果:

Flowers

开源项目(更多)