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 子窗口操作父窗口的代码
Sep 21 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
Feb 09 Javascript
node.js中watch机制详解
Nov 17 Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
May 17 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
新手快速入门微信小程序组件库 iView Weapp
Jun 24 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
Apr 13 Javascript
浅谈vue 多个变量同时赋相同值互相影响
Aug 05 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
PHP中使用cURL实现Get和Post请求的方法
2013/03/13 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
php使用curl伪造浏览器访问操作示例
2019/09/30 PHP
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
js arguments对象应用介绍
2012/11/28 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
jQuery实现当按下回车键时绑定点击事件
2014/01/28 Javascript
node.js中的require使用详解
2014/12/15 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
ES6中Proxy代理用法实例浅析
2017/04/06 Javascript
Bootstrap Table使用整理(三)
2017/06/09 Javascript
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
vue中引用阿里字体图标的方法
2018/02/10 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
Pyramid添加Middleware的方法实例
2013/11/27 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
python斐波那契数列的计算方法
2018/09/27 Python
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
Python使用matplotlib绘制Logistic曲线操作示例
2019/11/28 Python
澳洲健康食品网上商店:Aussie Health Products
2018/06/15 全球购物
医学专业个人求职自荐信格式
2013/09/23 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
会议简报格式范文
2015/07/20 职场文书
《司马光》教学反思
2016/02/22 职场文书
浅谈Java父子类加载顺序
2021/08/04 Java/Android
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技
hive数据仓库新增字段方法
2022/06/25 数据库
Python中的 No Module named ***问题及解决
2022/07/23 Python