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 相关文章推荐
一个多次搜索+多次传值的解决方案
Jan 20 Javascript
JS控制输入框内字符串长度
May 21 Javascript
2种jQuery 实现刮刮卡效果
Feb 01 Javascript
javascript制作sql转换为stringBuffer的小工具
Apr 03 Javascript
Javascript将数字转化成为货币格式字符串
Jun 22 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
Jan 19 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
Feb 22 Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 Javascript
Angular 4环境准备与Angular cli创建项目详解
May 27 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
微信小程序实现登录遮罩效果
Nov 01 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 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
PHP 只允许指定IP访问(允许*号通配符过滤IP)
2014/07/08 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
JavaScript的public、private和privileged模式
2009/12/28 Javascript
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
防止jQuery ajax Load使用缓存的方法小结
2014/02/22 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
13个PHP函数超实用
2015/10/21 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
jquery判断input值不为空的方法
2016/06/05 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
vue.js 实现图片本地预览 裁剪 压缩 上传功能
2018/03/01 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
2018/04/05 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
python数据结构之列表和元组的详解
2017/09/23 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
美国珠宝精品店:Opulent Jewelers
2019/08/20 全球购物
招聘专员岗位职责
2014/03/07 职场文书
只需要12页,掌握撰写一流商业计划书的技巧
2019/05/07 职场文书
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS
面试被问select......for update会锁表还是锁行
2021/11/11 MySQL
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android