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动态调整iframe高度的方法
Mar 06 Javascript
符合标准的js表单提交的代码
Sep 13 Javascript
javascript string字符串优化问题
Jul 31 Javascript
在linux中使用包管理器安装node.js
Mar 13 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
Aug 05 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
Feb 01 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
基于JavaScript实现类名的添加与移除
Apr 23 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
JS canvas绘制五子棋的棋盘
May 28 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实现判断访问来路是否为搜索引擎机器人的方法
2015/04/15 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
Laravel框架实现多数据库连接操作详解
2019/07/12 PHP
关于Laravel-admin的基础用法总结和自定义model详解
2019/10/08 PHP
php字符串函数 str类常见用法示例
2020/05/15 PHP
过虑特殊字符输入的js代码
2010/08/05 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
AngularJS中取消对HTML片段转义的方法例子
2015/01/04 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
vue实现条件叠加搜索的解决方法
2019/05/28 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
结合axios对项目中的api请求进行封装操作
2020/09/21 Javascript
在Vue中使用Echarts实例图的方法实例
2020/10/10 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
python读文件逐行处理的示例代码分享
2013/12/27 Python
python中的字典详细介绍
2014/09/18 Python
用生成器来改写直接返回列表的函数方法
2017/05/25 Python
Python输出由1,2,3,4组成的互不相同且无重复的三位数
2018/02/01 Python
python的dataframe和matrix的互换方法
2018/04/11 Python
Python列表切片操作实例总结
2019/02/19 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
Python实现文件压缩和解压的示例代码
2020/08/12 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
COS美国官网:知名服装品牌
2019/04/08 全球购物
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
PatPat德国:妈妈的每日优惠
2019/10/02 全球购物
超市重阳节活动方案
2014/02/10 职场文书
上课迟到检讨书
2014/02/19 职场文书
继承权公证书
2014/04/09 职场文书
竞选大队委员演讲稿
2014/04/28 职场文书
节约用电倡议书
2015/04/28 职场文书
python中pycryto实现数据加密
2022/04/29 Python