JS数组中对象去重操作示例
本文实例讲述了JS数组中对象去重操作。分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net js数组中对象去重</title> </head> <body> <script> var tmp = [ { "id": 1, "magicId": "111111111111111111", "username": "longzhoufeng", }, { "id": 2, "magicId": "333333333333333333", "username": "longzhoufeng", }, { "id": 3, "magicId": "555555555555555555", "username": "longzhoufeng", }, { "id": 4, "magicId": "666666666666666666", "username": "longzhoufeng", } ] var result = []; var full = {}; for(var i = 0; i < tmp.length; i++) { var aaa = tmp[i].magicId; var bbb = tmp[i].id; if(!full[aaa]) { if(!full[bbb]) { var obj = {} obj.id = tmp[i].id; obj.magicId = tmp[i].magicId; result.push(obj) full[bbb] = true; } full[aaa] = true; } } console.log(full) console.log(result) </script> </body> </html>
运行结果:
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
PS:这里再为大家提供几款相关工具供大家参考使用:
在线去除重复项工具:
http://tools.jb51.net/code/quchong
在线文本去重复工具:
http://tools.jb51.net/aideddesign/txt_quchong
更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
JavaScript中常用数据处理函数groupBy的用法详解
数据处理与分析中,对数据进行分组是非常常见的功能,不论是实际工作中,还是在面试的场景中应用十分广泛,尤其在函数式编程中 groupBy 十分常见,下面我们就来学习一下groupBy的用法吧2023-12-12JavaScript生成器函数Generator解决异步操作问题
这篇文章主要为大家介绍了JavaScript生成器函数Generator解决异步操作问题示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(暂只IE下有效)2009-01-01webpack4之SplitChunksPlugin使用指南
这篇文章主要介绍了webpack4之SplitChunksPlugin使用指南,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-06-06
最新评论