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预览上传图片发现的问题的解决方法
Nov 25 Javascript
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
May 02 Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
jQuery实现ichat在线客服插件
Dec 29 Javascript
javascript弹出窗口实现代码
Nov 12 Javascript
基于jquery实现无限级树形菜单
Mar 22 Javascript
JS中如何比较两个Json对象是否相等实例代码
Jul 13 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
深入理解Vue router的部分高级用法
Aug 15 Javascript
Vue页面跳转动画效果的实现方法
Sep 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
第十三节 对象串行化 [13]
2006/10/09 PHP
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
PHP读取xml方法介绍
2013/01/12 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
获取select元素被选中的文本内容的js代码
2014/01/29 Javascript
JavaScript中的对象序列化介绍
2014/12/30 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
2016/05/05 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
js实现简单模态框实例
2018/11/16 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
JS实现滑动插件
2020/01/15 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
一篇不错的Python入门教程
2007/02/08 Python
基于python实现微信模板消息
2015/12/21 Python
Python多层装饰器用法实例分析
2018/02/09 Python
Python高级编程之继承问题详解(super与mro)
2019/11/19 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
介绍一下内联、左联、右联
2013/12/31 面试题
毕业生求职推荐信
2013/11/04 职场文书
安全教育心得体会
2013/12/29 职场文书
公司口号大全
2014/06/11 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技