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

来源：汽车vr网

本文实例讲述了JS数组中对象去重操作。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>www.gxlcms.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.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程序设计有所帮助。

显示全文

全部频道

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