VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • JS数组中对象去重操作示例

    建站教程 2019年11月09日 关键词:,,,,,

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

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>www.jb51.net 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.jb51.net/code/HtmlJsRun测试上述代码运行效果。

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

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

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

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

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

    您可能感兴趣的文章:

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

    广而告之:
    热门推荐:
    dedecms首页调用指定栏目内容的标签代码

    dedecms首页调用指定栏目内容的标签代码的方法在企业站特别常用,因为企业站的首页中,往往需要调用公司简介等信息。 代码如下: {dede:sql sql='Select content from xx_arctype where id=1'} [field:content /] {/dede:sql} 上文中id=1请修改为你需···

    Vue自定义指令上报Google Analytics事件统计的方法

    发现问题 一般前端开发离不开数据统计,我们经常需要接入统计服务以方便运营,例如现在需要统计一个按钮 <template> <button @click="handleClick" /> </template> <script> export default { methods: { handleClick() { window.alert('button···

    织梦dedecms怎么做文章投票

    很多人在问小编织梦怎么做这个,怎么做那个,其实我想说的时候,你有问的时候,真的不如去帮助中心看看来的实际,帮助中心才是官方的,其他人都不是,倒不是说老九不愿意回答,回答一个问题就几秒钟而已,但是为了大家自身学习考虑,所以我建议那些新手们,多看看官方帮助···

    20个必会的JavaScript面试题(小结)

    问题1:JavaScript 中 undefined 和 not defined 的区别 JavaScript 未声明变量直接使用会抛出异常:var name is not defined,如果没有处理异常,代码就停止运行了。 但是,使用typeof undeclared_variable并不会产生异常,会直接返回 undefined。 var x; // 声明 x console.···

    JS实现websocket长轮询实时消息提示的效果

    效果图如下: 参考代码如下: jsp代码: <%@ page contentType="text/html;charset=UTF-8" language="java"%> <div class="page-header navbar navbar-fixed-top"> <div class="page-header-inner"> <div class="page-logo"> <a href···

    php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值

    定义和用法 end() 函数将数组内部指针指向最后一个元素,并返回该元素的值(如果成功)。 语法 end(array)参数 描述 array 必需。规定要使用的数组。 例子 复制代码 代码如下: <?php $people = array("Peter", "Joe", "Glenn", "Cleveland"); echo current($people···

    php给一组指定关键词添加span标签的方法

    本文实例讲述了php给一组指定关键词添加span标签的方法。分享给大家供大家参考。具体如下: 这里是php给一组指定的关键词添加span标签,高亮突出显示关键词 // Example use: $spanned = codeWords($string_containing_keywords); // My site: andrew.dx.am // Using colour==b···

    PHP中iconv函数转码时截断字符问题的解决方法

    iconv是转换编码的,但是在中文转码时候出现显示不全问题。  复制代码 代码如下:  iconv("UTF-8","GB2312//IGNORE",$data);    加上//IGNORE,忽略错误    或者用mb_convert_encoding() 复制代码 代码如下:  <?php ···

    php 判断过去离现在几年的函数(实例代码)

    如下所示: function gettime($worktime){ $time=time(); $amount=date("Y",$time)-date("Y",strtotime($worktime)); if (date("m",$time)<date("m",strtotime($worktime))) { $amount--; } elseif (date("m",$time)==date("m",strtotime($worktime))) { if (date("d",$tim···

    AngularJS实现进度条功能示例

    本文实例讲述了AngularJS实现进度条功能的方法。分享给大家供大家参考,具体如下: 一、功能描述: ① 通过select标签,可以为进度条选择不同的样式(颜色) ② 进度条的进度通过文本框里面的值改变(也可以快捷的选择几个特定的值) ③ 通过checkbox按钮,控制进度条上的文字是否···