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 相关文章推荐
对联广告js flash激活
Oct 19 Javascript
B/S开发中常用javaScript技术与代码
Mar 09 Javascript
通过js来制作复选框的全选和不选效果
May 22 Javascript
JavaScript中的类数组对象介绍
Dec 30 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
JQuery动态添加和删除表格行的方法
Mar 09 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
Vue学习之路之登录注册实例代码
Jul 06 Javascript
自定义事件解决重复请求BUG的问题
Jul 11 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 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 number_format() 函数通过千位分组来格式化数字的实现代码
2013/08/06 PHP
使用Discuz关键词服务器实现PHP中文分词
2014/03/11 PHP
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
2009/03/26 Javascript
javascript 语法基础 想学习js的朋友可以看看
2009/12/16 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
基于JavaScript实现跳转提示页面
2016/09/24 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
python求素数示例分享
2014/02/16 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
django之自定义软删除Model的方法
2019/08/14 Python
使用虚拟环境打包python为exe 文件的方法
2019/08/29 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Python全局锁中如何合理运用多线程(多进程)
2019/11/06 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
最美家庭活动方案
2014/08/31 职场文书
支行行长竞聘报告
2014/11/06 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
先进教师事迹材料
2014/12/16 职场文书
话题作文之呼唤
2019/12/18 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript