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中的prototype使用说明
Apr 13 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
JS实现单击输入框弹出选择框效果完整实例
Dec 14 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
Jul 24 Javascript
node使用Mongoose类库实现简单的增删改查
Nov 08 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
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接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
关于div自适应高度/左右高度自适应一致的js代码
2013/03/22 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
2018/11/30 Javascript
JS实现基本的网页计算器功能示例
2020/01/16 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
[43:49]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
Python中的自省(反射)详解
2015/06/02 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
解决Pycharm调用Turtle时 窗口一闪而过的问题
2019/02/16 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
俄罗斯品牌服装和鞋子在线商店:BRIONITY
2020/03/26 全球购物
一组SQL面试题
2016/02/15 面试题
一些Solaris面试题
2015/12/22 面试题
就业意向书
2014/07/29 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
学雷锋感言
2015/08/03 职场文书
如何正确理解python装饰器
2021/06/15 Python