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可突破windows弹退效果代码
Aug 09 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
jQuery的Read()方法代替原生JS详解
Nov 08 Javascript
谈谈jQuery之Deferred源码剖析
Dec 19 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
JS的函数调用栈stack size的计算方法
Jun 24 Javascript
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
通过实践编写优雅的JavaScript代码
May 30 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 Javascript
浅谈js中的attributes和Attribute的用法与区别
Jul 16 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
php猜单词游戏
2015/09/29 PHP
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
2013/12/28 Javascript
JQuery动态添加和删除表格行的方法
2015/03/09 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
AngularJs+Bootstrap实现漂亮的计算器
2017/08/10 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
2020/06/26 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
django 多数据库配置教程
2018/05/30 Python
Python动态赋值的陷阱知识点总结
2019/03/17 Python
python set内置函数的具体使用
2019/07/02 Python
30秒学会30个超实用Python代码片段【收藏版】
2019/10/15 Python
Pytorch之卷积层的使用详解
2019/12/31 Python
Python pathlib模块使用方法及实例解析
2020/10/05 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
仓管岗位职责范本
2014/02/08 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
项目申报专员岗位职责
2014/07/09 职场文书
集体生日活动方案
2014/08/18 职场文书
入党个人总结范文
2015/03/02 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书