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 创建Dom元素
May 07 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
使用Node.js实现HTTP 206内容分片的教程
Jun 23 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
老生常谈js数据类型
Aug 03 Javascript
laydate如何根据开始时间或者结束时间限制范围
Nov 15 Javascript
微信小程序实现bindtap等事件传参
Apr 08 Javascript
js prototype和__proto__的关系是什么
Aug 23 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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依赖倒置(Dependency Injection)代码实例
2014/10/11 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
JS实现简单的Canvas画图实例
2013/07/04 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
JS+CSS实现美化的下拉列表框效果
2015/08/11 Javascript
vue-router:嵌套路由的使用方法
2017/02/21 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
微信小程序云开发使用方法新手初体验
2019/05/16 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
python根据出生年份简单计算生肖的方法
2015/03/27 Python
Python 中的 else详解
2016/04/23 Python
Python松散正则表达式用法分析
2016/04/29 Python
使用Python设计一个代码统计工具
2018/04/04 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
基于Python3.6中的OpenCV实现图片色彩空间的转换
2020/02/03 Python
在pycharm中debug 实时查看数据操作(交互式)
2020/06/09 Python
python如何删除文件、目录
2020/06/23 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
HTML5实现获取地理位置信息并定位功能
2015/04/25 HTML / CSS
美国性感内衣店:Yandy
2018/06/12 全球购物
Java面试题及答案
2012/09/08 面试题
室内设计专业学生的自我评价分享
2013/11/27 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
python调用ffmpeg命令行工具便捷操作视频示例实现过程
2021/11/01 Python
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android