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 相关文章推荐
js 金额文本框实现代码
Feb 14 Javascript
js导航菜单(自写)简单大方
Mar 28 Javascript
Flexigrid在IE下不显示数据的有效处理方法
Sep 04 Javascript
jQuery操作JSON的CRUD用法实例
Feb 25 Javascript
javascript实现简单查找与替换的方法
Jul 22 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
js实现web调用摄像头 js截取视频画面
Apr 21 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 Javascript
Vue 同步异步存值取值实现案例
Aug 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 COOKIE设置为浏览器进程
2009/06/21 PHP
php中++i 与 i++ 的区别
2012/08/08 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
php定期拉取数据对比方法实例
2019/09/22 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
2015/08/17 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
Javascript json object 与string 相互转换的简单实现
2016/09/27 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
Bootstrap面板(Panels)的简单实现代码
2017/03/17 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
2019/05/21 Javascript
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
Vue使用Three.js加载glTF模型的方法详解
2020/06/14 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
python Django连接MySQL数据库做增删改查
2013/11/07 Python
python web基础之加载静态文件实例
2018/03/20 Python
python之PyQt按钮右键菜单功能的实现代码
2019/08/17 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
一些Unix笔试题和面试题
2012/09/25 面试题
车辆安全检查制度
2014/01/12 职场文书
给领导的检讨书
2014/02/16 职场文书
餐饮营销方案
2014/02/23 职场文书
宣传活动总结范文
2014/07/01 职场文书