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 />");
}

测试结果:

 

 
 

 

转载于:https://www.cnblogs.com/zhumingwu/p/7490246.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值