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性能最佳实践的讨论,与求教
Mar 30 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
聊聊JavaScript如何实现继承及特点
Apr 07 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
详解Vue+axios+Node+express实现文件上传(用户头像上传)
Aug 10 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
Nov 02 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
JS实现页面数据懒加载
Feb 13 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
Feb 23 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
PHP屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
php反射应用示例
2014/02/25 PHP
完善CodeIgniter在IDE中代码提示功能的方法
2014/07/19 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
两种常用的javascript数组去重方法思路及代码
2013/03/26 Javascript
jQuery跨域问题解决方案
2015/08/03 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
自定义vue组件发布到npm的方法
2018/05/09 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
Python面向对象类继承和组合实例分析
2018/05/28 Python
python寻找list中最大值、最小值并返回其所在位置的方法
2018/06/27 Python
python对象与json相互转换的方法
2019/05/07 Python
Tensorflow tf.nn.depthwise_conv2d如何实现深度卷积的
2020/04/20 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
教师新年寄语
2014/04/03 职场文书
机关干部作风建设剖析材料
2014/10/23 职场文书
离职报告范文
2014/11/04 职场文书
优秀工作者事迹材料
2014/12/26 职场文书
校长个人总结
2015/03/03 职场文书
未中标通知书
2015/04/17 职场文书
刑事附带民事代理词
2015/05/25 职场文书
南京大屠杀观后感
2015/06/02 职场文书
励志正能量20句:送给所有为梦想拼搏的人
2019/11/11 职场文书