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 相关文章推荐
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
把jquery 的dialog和ztree结合实现步骤
Aug 02 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 Javascript
JavaScript重载函数实例剖析
May 13 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
Aug 28 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 array_slice函数的使用以及参数详解
2008/08/30 PHP
php 保留小数点
2009/04/21 PHP
php格式化日期和时间格式化示例分享
2014/02/24 PHP
PHP解压tar.gz格式文件的方法
2016/02/14 PHP
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
2011/03/10 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
基于KMP算法JavaScript的实现方法分析
2013/05/03 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
JQuery仿小米手机抢购页面倒计时效果
2014/12/16 Javascript
jQuery 处理页面的事件详解
2015/01/20 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
jQuery与JS加载事件用法分析
2016/09/04 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
AngularJS实现单一页面内设置跳转路由的方法
2017/06/28 Javascript
Nodejs实现爬虫抓取数据实例解析
2018/07/05 NodeJs
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
JS实现滑动插件
2020/01/15 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
Python程序员鲜为人知但你应该知道的17个问题
2014/06/04 Python
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python实现去除代码前行号的方法
2015/03/10 Python
python实现list元素按关键字相加减的方法示例
2017/06/09 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
护理自荐信范文
2013/10/05 职场文书
工作求职信
2014/07/04 职场文书
新兵入伍心得体会
2014/09/04 职场文书
党员民主评议个人总结
2014/10/20 职场文书
会计岗位职责范本
2015/04/02 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书