JS数组中对象去重操作示例

时间：2021-05-26

本文实例讲述了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程序设计有所帮助。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章