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 相关文章推荐
javascript 模式设计之工厂模式学习心得
Apr 27 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
jQuery插件开发的五种形态小结
Mar 04 Javascript
node.js实现爬虫教程
Aug 25 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
Sep 19 Javascript
浅谈vue首屏加载优化
Jun 28 Javascript
JavaScript原型继承和原型链原理详解
Feb 04 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 Javascript
js实现限定范围拖拽的示例
Oct 26 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模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
PHP引用(&amp;)各种使用方法实例详解
2014/03/20 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
15个jquery常用方法、小技巧分享
2015/01/13 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
2015/03/25 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
2016/04/17 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
JavaScript中push(),join() 函数 实例详解
2016/09/06 Javascript
javascript 中的try catch应用总结
2017/04/01 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
JavaScript canvas仿代码流瀑布
2020/02/10 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
Python列表删除的三种方法代码分享
2017/10/31 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
python实现图像拼接
2020/03/05 Python
解决python多线程报错:AttributeError: Can't pickle local object问题
2020/04/08 Python
Python Tkinter实例——模拟掷骰子
2020/10/24 Python
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
HelloFresh奥地利:立即订购烹饪盒
2019/02/22 全球购物
简述synchronized和java.util.concurrent.locks.Lock的异同
2014/12/08 面试题
心理健康心得体会
2014/01/02 职场文书
《问银河》教学反思
2014/02/19 职场文书
部队2014年终工作总结
2014/11/27 职场文书
英文慰问信
2015/02/14 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
教师继续教育反思周记
2015/06/25 职场文书
聘用合同范本
2015/09/21 职场文书
如何撰写促销方案?
2019/07/05 职场文书
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers