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 相关文章推荐
jquery 选择器部分整理
Oct 28 Javascript
33种Javascript 表格排序控件收集
Dec 03 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
Feb 03 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
jQuery中ScrollTo用法示例
Sep 04 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
Vue实现商品详情页的评价列表功能
Sep 04 Javascript
js+springMVC 提交数组数据到后台的实例
Sep 21 Javascript
Vue看了就会的8个小技巧
Jan 21 Vue.js
vue项目支付功能代码详解
Feb 18 Vue.js
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_MySQL教程-第一天
2007/03/18 PHP
PHP stristr() 函数(不区分大小写的字符串查找)
2010/06/03 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
Array对象方法参考
2006/10/03 Javascript
List the Codec Files on a Computer
2007/06/11 Javascript
Display SQL Server Login Mode
2007/06/21 Javascript
javascript中的几个运算符
2007/06/29 Javascript
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
nodejs简单实现操作arduino
2016/09/25 NodeJs
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
解决低版本的浏览器不支持es6的import问题
2018/03/09 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
Python3基础之基本运算符概述
2014/08/13 Python
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
python中csv文件的若干读写方法小结
2018/07/04 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
教师党员自我剖析材料
2014/09/29 职场文书
合作合同协议书
2016/03/21 职场文书
Python OpenCV 彩色与灰度图像的转换实现
2021/06/05 Python
JavaScript 反射学习技巧
2021/10/16 Javascript