Home > Web Front-end > JS Tutorial > How to sort json objects and delete data with the same id

How to sort json objects and delete data with the same id

php中世界最好的语言
Release: 2018-06-07 13:55:02
Original
1782 people have browsed it

This time I will show you how to sort json objects and delete data with the same id. What are the precautions for sorting json objects and delete data with the same id? The following is a practical case, let's take a look.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>json排序并删除ID相同项</title>
</head>
<body>
<script type="text/javascript">
var data=[
{
 "distance": 10,
 "name": "lv",
 "id": 1
},
{
 "distance": 1,
 "name": "lv",
 "id": 1
},
{
 "distance": 12,
 "name": "lv",
 "id": 3
},
{
 "distance": 18,
 "name": "lv",
 "id": 4
},
{
 "distance": 5,
 "name": "lv",
 "id": 5
},
{
 "distance": 12,
 "name": "lv",
 "id": 6
}
]
//根据distance排列data
function sortNumber(a,b)
{
 return a.distance - b.distance
}
data.sort(sortNumber);
//去除id相同并且距离较大的数据
for(var i=0; i < data.length; i++) {
 for(var j=i+1; j < data.length; j++) {
  if(data[i].id == data[j].id) {
   data.splice(j,1);
  }
 }
}
console.log(data);//打印最终数据
</script>
</body>
</html>
Copy after login

Run results:

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Use JS to make a timer function

How to operate JS to read xml content and output it to Inside the div

The above is the detailed content of How to sort json objects and delete data with the same id. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template