许多情况下我们需要在客户端对内容进行排序或去重,比如服务器端无法确认消息的可靠性和有序性时,需要客户端做适当的处理。下面就说说如何在客户端使用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 />"); }
测试结果: