这篇文章主要介绍了JS如何实现对json对象排序并删除id相同项功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies,包括创建和修改等。7、基于Node.js技术进行服务器端编程。
本文实例讲述了JS实现对json对象排序并删除id相同项功能。分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>www.jb51.net 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相同项功能”这篇文章对大家有帮助,同时也希望大家多多支持创新互联成都网站设计公司,关注创新互联成都网站设计公司行业资讯频道,更多相关知识等着你来学习!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享题目:JS如何实现对json对象排序并删除id相同项功能-创新互联
分享网址:https://www.cdcxhl.com/article4/dooeoe.html
成都网站建设公司_创新互联,为您提供网站设计、网站改版、全网营销推广、响应式网站、网站设计公司、关键词优化
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联