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 相关文章推荐
JS Timing
Apr 21 Javascript
FLASH 广告之外的链接
Dec 16 Javascript
jQuery随机切换图片的小例子
Apr 18 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
简单实现node.js图片上传
Dec 18 Javascript
angularjs $http实现form表单提交示例
Jun 09 Javascript
解读ES6中class关键字
Nov 20 Javascript
layui复选框的全选与取消实现方法
Sep 02 Javascript
Vue页面切换和a链接的本质区别详解
Nov 12 Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 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在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
JS 控制非法字符的输入代码
2009/12/04 Javascript
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
修改Jquery Dialog 位置的实现方法
2016/08/26 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
vue-cli 如何打包上线的方法示例
2018/05/08 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
layDate日期控件使用方法详解
2018/11/15 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
[02:11]2016国际邀请赛中国区预选赛最美TA采访现场玩家
2016/06/28 DOTA
下载给定网页上图片的方法
2014/02/18 Python
python类和函数中使用静态变量的方法
2015/05/09 Python
Flask框架的学习指南之开发环境搭建
2016/11/20 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
运动会入场词50字
2014/02/20 职场文书
个人先进材料范文
2014/12/30 职场文书
综合素质评价思想道德自我评价
2015/03/09 职场文书
公司车队管理制度
2015/08/04 职场文书
靠谱准确的求职信
2019/04/02 职场文书
Redis高级数据类型Hyperloglog、Bitmap的使用
2021/05/24 Redis
Redis+AOP+自定义注解实现限流
2022/06/28 Redis