本文实例讲述了JS数组中对象去重操作。分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.kunjuke.com 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.kunjuke.com/code/HtmlJsRun测试上述代码运行效果。
PS:这里再为大家提供几款相关工具供大家参考使用:
在线去除重复项工具:
http://tools.kunjuke.com/code/quchong
在线文本去重复工具:
http://tools.kunjuke.com/aideddesign/txt_quchong
更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- js实现数组去重、判断数组以及对象中的内容是否相同
- JS实现数组简单去重及数组根据对象中的元素去重操作示例
- js中数组对象去重的两种方法
- JS实现数组去重及数组内对象去重功能示例
- JS实现的Object数组去重功能示例【数组成员为Object对象】
- JavaScript基于对象方法实现数组去重及排序操作示例
- js取两个数组的交集|差集|并集|补集|去重示例代码
- 史上最全JavaScript数组去重的十种方法(推荐)
- JS实现的对象去重功能示例