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当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
Jan 05 Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 Javascript
jquery简单的弹出层浮动层代码
Apr 27 Javascript
jQuery解析XML文件同时动态增加js文件的方法
Jun 01 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
vue2项目使用sass的示例代码
Jun 28 Javascript
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
JS使用正则表达式找出最长连续子串长度
Oct 26 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
Node.js使用cookie保持登录的方法
May 11 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 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
NT IIS下用ODBC连接数据库
2006/10/09 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
wamp安装后自定义配置的方法
2014/08/23 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
js中关于new Object时传参的一些细节分析
2011/03/13 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
js调试工具Console命令详解
2014/10/21 Javascript
js使用递归解析xml
2014/12/12 Javascript
如何使用HTML5地理位置定位功能
2015/04/27 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
nodejs构建本地web测试服务器 如何解决访问静态资源问题
2017/07/14 NodeJs
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
解决pycharm工程启动卡住没反应的问题
2019/01/19 Python
Python实现FM算法解析
2019/06/18 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
年度献血先进个人事迹材料
2014/02/14 职场文书
安全宣传标语
2014/06/10 职场文书
大专生自荐书范文
2014/06/22 职场文书
开幕式邀请函
2015/01/31 职场文书
小程序实现筛子抽奖
2021/05/26 Javascript