编程 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 相关文章推荐

客户端静态页面玩分页

Jun 26 Javascript

SyntaxHighlighter代码加色使用方法

Sep 07 Javascript

jQuery+ajax实现顶一下,踩一下效果

Jul 17 Javascript

javascript break指定标签打破多层循环示例

Jan 20 Javascript

Javascript基础教程之if条件语句

Jan 18 Javascript

jQuery实现的感应鼠标悬停图片色彩渐显效果

Mar 03 Javascript

关于angularJs指令的Scope(作用域)介绍

Oct 25 Javascript

js 判断数据类型的几种方法

Jan 13 Javascript

js随机生成一个验证码

Jun 01 Javascript

对 Vue-Router 进行单元测试的方法

Nov 05 Javascript

详解写好JS条件语句的5条守则

Feb 28 Javascript

ES6中Symbol、Set和Map用法详解

Aug 20 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