编程 Javascript

JS实现对json对象排序并删除id相同项功能示例

Posted in Javascript onApril 18, 2018

本文实例讲述了JS实现对json对象排序并删除id相同项功能。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3water.com 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>

运行结果：

- Author -

包子源

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript操纵Cookie实现购物车程序

Nov 23 Javascript

用Javascript读取中文COOKIE的解决办法

Feb 15 Javascript

jquery中ajax调用json数据的使用说明

Mar 17 Javascript

Javascript非构造函数的继承

Apr 27 Javascript

jQuery实现的placeholder效果完整实例

Aug 02 Javascript

JS组件系列之使用HTML标签的data属性初始化JS组件

Sep 14 Javascript

jquery实现图片列表鼠标移入微动

Dec 01 Javascript

JS简单判断字符在另一个字符串中出现次数的2种常用方法

Apr 20 Javascript

Vue刷新修改页面中数据的方法

Sep 16 Javascript

微信小程序实现富文本图片宽度自适应的方法

Jan 20 Javascript

JS中数组实现代码(倒序遍历数组,数组连接字符串)

Dec 29 Javascript

使用Vant完成DatetimePicker 日期的选择器操作

Nov 12 Javascript

Angular ng-animate和ng-cookies用法详解

Apr 18 #Javascript

JS实现的base64加密解密操作示例

Apr 18 #Javascript

JS实现简单获取最近7天和最近3天日期的方法

Apr 18 #Javascript

详解Node使用Puppeteer完成一次复杂的爬虫

Apr 18 #Javascript

jQuery滚动条美化插件nicescroll简单用法示例

Apr 18 #jQuery

Angular 如何使用第三方库的方法

Apr 18 #Javascript

jQuery实现的淡入淡出与滑入滑出效果示例

Apr 18 #jQuery