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的实例代码
Aug 16 Javascript
js遍历td tr等html元素
Dec 13 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
Sep 19 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
解决Vue编译时写在style中的路径问题
Sep 21 Javascript
详解微信小程序审核不通过的解决方法
Jan 17 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
原生JS实现动态添加新元素、删除元素方法
May 05 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
如何用JS实现网页瀑布流布局
Apr 24 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抓即时股票信息
2006/10/09 PHP
获取php页面执行时间,数据库读写次数,函数调用次数等(THINKphp)
2013/06/03 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
javascript document.compatMode兼容性
2010/02/23 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
javascript中注册和移除事件的4种方式
2013/03/20 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
[02:16]深扒TI7聊天轮盘语音出处2
2017/05/11 DOTA
Python中super关键字用法实例分析
2015/05/28 Python
python 3.3 下载固定链接文件并保存的方法
2018/12/18 Python
python实现合并多个list及合并多个django QuerySet的方法示例
2019/06/11 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
Python jieba库用法及实例解析
2019/11/04 Python
python随机数分布random均匀分布实例
2019/11/27 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
Python datetime模块使用方法小结
2020/06/18 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
护士试用期自我鉴定
2014/02/08 职场文书
高一新生军训方案
2014/05/12 职场文书
工作检讨书500字
2014/10/19 职场文书
爱心募捐通知范文
2015/04/27 职场文书
2015年审计人员工作总结
2015/05/26 职场文书
2016初一新生军训心得体会
2016/01/11 职场文书
mybatis 获取更新记录的id
2022/05/20 Java/Android