JS数组中对象去重操作示例
程序员文章站
2024-02-12 09:43:58
本文实例讲述了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:这里再为大家提供几款相关工具供大家参考使用:
在线去除重复项工具:
在线文本去重复工具:
更多关于javascript相关内容还可查看本站专题:《javascript数组操作技巧总结》、《javascript字符与字符串操作技巧总结》、《javascript遍历算法与技巧总结》、《javascript查找算法技巧总结》、《javascript数学运算用法总结》、《javascript数据结构与算法技巧总结》及《javascript错误与调试技巧总结》
希望本文所述对大家javascript程序设计有所帮助。
上一篇: java音乐播放器课程设计