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 相关文章推荐
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
javascript定义变量时有var和没有var的区别探讨
Jul 21 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
jQuery 3.0 的变化及使用方法
Feb 01 Javascript
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
Vuex的实战使用详解
Oct 31 Javascript
如何正确理解vue中的key详解
Nov 02 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 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网上调查系统
2006/10/09 PHP
CI框架给视图添加动态数据
2014/12/01 PHP
php提示Warning:mysql_fetch_array() expects的解决方法
2014/12/16 PHP
yii2.0实现创建简单widgets示例
2016/07/18 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
PHP实现的简单留言板功能示例【基于thinkPHP框架】
2018/12/07 PHP
JS实现闪动的title消息提醒效果
2014/06/20 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
2019/08/20 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
德国受欢迎的旅游和休闲网站:lastminute.de
2019/09/23 全球购物
病人写给医生的感谢信
2015/01/23 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
2015小学教育教学工作总结
2015/07/21 职场文书
初中生活随笔
2015/08/15 职场文书
标准发言稿结尾
2019/07/18 职场文书
python实现简易名片管理系统
2021/04/11 Python
CSS基础详解
2021/10/16 HTML / CSS
MySQL示例讲解数据库约束以及表的设计
2022/06/16 MySQL