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


Posted in Javascript onJune 04, 2019

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3water.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>

运行结果:

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

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
jQuery Ajax之$.get()方法和$.post()方法
Oct 12 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
超简单的jquery的AJAX用法
May 10 Javascript
innerHTML与jquery里的html()区别介绍
Oct 12 Javascript
JavaScript 验证码的实例代码(附效果图)
Mar 22 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
JavaScript实现类似淘宝的购物车效果
Mar 16 Javascript
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
webpack打包优化的几个方法总结
Feb 10 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
vue实现购物车列表
Jun 30 Javascript
vue实现图片按比例缩放问题操作
Aug 11 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 #jQuery
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
Jun 04 #Javascript
ES6中字符串的使用方法扩展
Jun 04 #Javascript
详解vue-cli3多页应用改造
Jun 04 #Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 #jQuery
浅谈react-router@4.0 使用方法和源码分析
Jun 04 #Javascript
vue axios post发送复杂对象问题
Jun 04 #Javascript
You might like
延长phpmyadmin登录时间的方法
2011/02/06 PHP
浅析php数据类型转换
2014/01/09 PHP
php使用json_encode对变量json编码
2014/04/07 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
PHP程序守护进程化实现方法详解
2020/07/16 PHP
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
SharePoint 客户端对象模型 (一) ECMA Script
2011/05/22 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
js密码强度校验
2015/11/10 Javascript
微信小程序canvas写字板效果及实例
2017/06/15 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python使用matplotlib绘制动画的方法
2015/05/20 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
为您的家、后院、车库等在线购物:Spreetail
2019/06/17 全球购物
室内设计专业学生的自我评价分享
2013/11/27 职场文书
安踏广告词改编版
2014/03/21 职场文书
中学生演讲稿
2014/04/26 职场文书
春节联欢会策划方案
2014/05/16 职场文书
敬业奉献模范事迹材料(2016精选版)
2016/02/26 职场文书
Python数据类型最全知识总结
2021/05/31 Python
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers