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>

运行结果:

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

Javascript 相关文章推荐
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
开源的javascript项目Kissy介绍
Nov 28 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
bootstrap手风琴折叠示例代码分享
May 22 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
小程序实现多选框功能
Oct 30 Javascript
Vue渲染过程浅析
Mar 14 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 Javascript
javascript 数组(list)添加/删除的实现
Dec 17 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
You might like
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
分享自定义的几个PHP功能函数
2015/04/15 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
extjs grid取到数据而不显示的解决
2008/12/29 Javascript
GreyBox技术总结(转)
2010/11/23 Javascript
js 编程笔记 无名函数
2011/06/28 Javascript
Svg.js实例教程及使用手册详解(一)
2016/05/16 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
linux系统使用python获取内存使用信息脚本分享
2014/01/15 Python
使用pdb模块调试Python程序实例
2015/06/02 Python
python文件与目录操作实例详解
2016/02/22 Python
python 实现创建文件夹和创建日志文件的方法
2019/07/07 Python
Django如何将URL映射到视图
2019/07/29 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
html5使用canvas绘制一张图片
2014/12/15 HTML / CSS
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
string = null 和string = ''的区别
2013/04/28 面试题
大学生自我鉴定书
2014/03/24 职场文书
团日活动总结书
2014/05/08 职场文书
慈善晚会策划方案
2014/05/14 职场文书
工商管理本科生求职信
2014/07/13 职场文书
假期安全教育广播稿
2014/10/04 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
2015年科室工作总结
2015/04/10 职场文书
医院党建工作总结2015
2015/05/26 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server
使用Springboot实现健身房管理系统
2021/07/01 Java/Android