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 相关文章推荐
一个很简单的办法实现TD的加亮效果.
Jun 29 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 Javascript
Bootstrap实现登录校验表单(带验证码)
Jun 23 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
完美解决linux下node.js全局模块找不到的情况
May 16 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
JS监听组合按键思路及实现过程
Apr 17 Javascript
JS实现点击掉落特效
Jan 29 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 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 构造函数construct的前下划线是双的_
2009/12/08 PHP
php设计模式 Command(命令模式)
2011/06/26 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
PHP addslashes()函数讲解
2019/02/03 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
PHP实现抽奖功能实例代码
2020/06/30 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
浅析js预加载/延迟加载
2014/09/25 Javascript
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
Vue两种组件类型:递归组件和动态组件的用法
2020/08/06 Javascript
[01:06:39]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第三局
2016/03/02 DOTA
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
基于Tensorflow:CPU性能分析
2020/02/10 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
德国著名廉价网上药店:Shop-Apotheke
2017/07/23 全球购物
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
毕业生自我鉴定范文
2013/11/08 职场文书
转预备党员政审材料
2014/02/06 职场文书
大专会计自我鉴定
2014/02/06 职场文书
汇源肾宝广告词
2014/03/20 职场文书
个性婚礼策划方案
2014/05/17 职场文书
四年级小学生评语
2014/12/26 职场文书
电影雨中的树观后感
2015/06/15 职场文书
保护动物的宣传语
2015/07/13 职场文书
同学会感言
2015/07/30 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers