交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • JS数组中对象去重操作示例

    本文实例讲述了JS数组中对象去重操作。分享给大家供大家参考,具体如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>www.kunjuke.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>
    
    

    运行结果:

    感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.kunjuke.com/code/HtmlJsRun测试上述代码运行效果。

    PS:这里再为大家提供几款相关工具供大家参考使用:

    在线去除重复项工具:
    http://tools.kunjuke.com/code/quchong

    在线文本去重复工具:
    http://tools.kunjuke.com/aideddesign/txt_quchong

    更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

    希望本文所述对大家JavaScript程序设计有所帮助。

    您可能感兴趣的文章:

    • js实现数组去重、判断数组以及对象中的内容是否相同
    • JS实现数组简单去重及数组根据对象中的元素去重操作示例
    • js中数组对象去重的两种方法
    • JS实现数组去重及数组内对象去重功能示例
    • JS实现的Object数组去重功能示例【数组成员为Object对象】
    • JavaScript基于对象方法实现数组去重及排序操作示例
    • js取两个数组的交集|差集|并集|补集|去重示例代码
    • 史上最全JavaScript数组去重的十种方法(推荐)
    • JS实现的对象去重功能示例

    广而告之:
    热门推荐:
    使用angularjs.foreach时return的问题解决

    AngularJS中当我们需要遍历某个数组的时候,我们会用到forEach语法。AngularJS中forEach的用法如下: angular.forEach(array,function(obj,index){ doSomething(); }) array表示需要遍历的数组,obj表示遍历时的每个元素,index表示遍历时元素的下标。index不是必须的参数,可···

    给会员注册加入问答验证

    修改文件有 e/enews/index.php //注册 elseif($enews=="register") { if($_POST['ask']=='帝国软件') { $username=$_POST['username']; $password=$_POST['password']; $repassword=$_POST['repassword']; $email=$_POST['ema···

    网站背景音乐实现方法

    对于个人站长来说,如何能使自己的网站与众不同、充满个性,一直是不懈努力的目标。除了尽量提高页面的视觉效果、互动功能以外,如果能在打开网页的同时,听到一曲优美动人的音乐,相信这会使你的网站增色不少。   一、学会添加音乐文件  为网页添加背景音乐的方法一···

    js css3实现图片拖拽效果

    本文实例为大家分享了css3实现图片拖拽效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ text-alig···

    温馨提示SEO人员留意PPC关键词,以便有效控制站点的核心关键词优

    无论你是在建一个新的站点还是诊断一个老的站点,在做SEO项目之前,专业的SEO人员习惯性的在网站上查看百度的SEO关键词,以便有效地控制站点的关键词布局。  然而,在实践中,大量的SEO人员往往忽略一个细节,即PPC词的详细扩展,我们只能用“不满意”来描述。 &···

    js获取浏览器的各种属性

    网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth    (包括边线的宽); 网页可见区域高: document.body.offsetHeight   (包括边线的宽); 网页正文全文宽: do···

    让复选框只能选择一项的方法

    js中: 复制代码 代码如下: function chooseOne(chk){ //先取得同name的chekcBox的集合物件 var obj = document.getElementsByName("chk"); for (i=0; i<obj.length; i++){ //判斷obj集合中的i元素是否為cb,若否則表示未被點選 if (obj[i]!=chk) obj[i].checked = fa···

    JavaScript中SQL语句的应用实现

    比如对javascript数组的排序 还有对数组数据的删选以及分组 所以,后来兴致以上来。 一发不可收拾。 写了一个能在javascript中应用的 SQL 库 后来又想,怎么不能用javascript直接连接数据库呢? 又做了一个javascript直连Sql数据的类库 后来,又想到其实还可以用SQL语···

    Mysql获取id最大值、表的记录总数等相关问题的方法汇总

    一、mysql 获取当前字段最大id SQL语句: select max(id) from yourtable; 二、获取mysql表自增(Auto_increment)值 Auto_increment是表中的一个属性,只要把表的状态获取到,也就可以获取到那个自增值 SQL语句: show table status like “表名”; php代码实现 $get_table_sta···

    XmlUtils JS操作XML工具类

    demo用了点extjs的东西,主要是为了打印json数组出来。 js code(XmlUtils.js): 复制代码 代码如下: /**/ function XmlUtils (config) { /*定义私有属性*/ this.isIE = !!(window.attachEvent && !window.opera); this.init(); if(config) { this.dataType = conf···