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 相关文章推荐
Jquery Ajax.ashx 高效分页实现代码
Oct 20 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
Feb 10 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
jquery右下角自动弹出可关闭的广告层
May 08 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
JS简单实现禁止访问某个页面的方法
Sep 13 Javascript
javascript代码调试之console.log 用法图文详解
Sep 30 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
May 07 Javascript
基于ajax实现上传图片代码示例解析
Dec 03 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对象转换为数组函数(递归方法)
2012/02/04 PHP
PHP取整函数:ceil,floor,round,intval的区别详细解析
2013/08/31 PHP
mac环境中使用brew安装php5.5.15
2014/08/18 PHP
如何让CI框架支持service层
2014/10/29 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
jQuery 使用手册(六)
2009/09/23 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
JS实现贪吃蛇游戏
2019/11/15 Javascript
sharp.js安装过程中遇到的问题总结
2020/04/02 Javascript
python多重继承新算法C3介绍
2014/09/28 Python
使用python实现tcp自动重连
2017/07/02 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
python读取一个目录下所有txt里面的内容方法
2018/06/23 Python
python tkinter实现彩球碰撞屏保
2019/07/30 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
Numpy之reshape()使用详解
2019/12/26 Python
Python读取csv文件实例解析
2019/12/30 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
英国女性化妆品收纳和家具网站:Beautify
2019/12/07 全球购物
两年的个人工作自我评价
2014/01/10 职场文书
优秀大学生自荐信
2014/06/09 职场文书
美术社团活动总结
2014/06/27 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL