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 相关文章推荐
ExtJs使用IFrame的实现代码
Mar 24 Javascript
jquery根据name属性查找的小例子
Nov 21 Javascript
node.js实现逐行读取文件内容的代码
Jun 27 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
基于滚动条位置判断的简单实例
Dec 14 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
详解小程序输入框闪烁及重影BUG解决方案
Aug 31 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
Jul 29 Javascript
原生JavaScript实现轮播图
Jan 10 Javascript
JavaScript原型链详解
Nov 07 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
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
PHP 处理TXT文件(打开/关闭/检查/读取)
2013/05/13 PHP
PHP获取youku视频真实flv文件地址的方法
2014/12/23 PHP
php中get_object_vars()方法用法实例
2015/02/08 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
js获取height和width的方法说明
2013/01/06 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
2016/01/13 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
jQuery Easyui 验证两次密码输入是否相等
2016/05/13 Javascript
谈谈JavaScript数组常用方法总结
2017/01/24 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
Vue.js bootstrap前端实现分页和排序
2017/03/10 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
2017/04/20 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
2018/12/03 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
2019/10/25 Javascript
vant实现购物车功能
2020/06/29 Javascript
js实现缓动动画
2020/11/25 Javascript
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
Tensorflow实现将标签变为one-hot形式
2020/05/22 Python
详解CSS3 Media Queries中媒体属性的使用
2016/02/29 HTML / CSS
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
如何查找和删除数据库中的重复数据
2014/11/05 面试题
车队司机个人自我鉴定
2014/04/17 职场文书
安全生产月演讲稿
2014/05/09 职场文书
硕士生找工作求职信
2014/07/05 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
库房管理员岗位职责
2015/02/12 职场文书