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

    本文实例讲述了JS实现的对象去重功能。分享给大家供大家参考,具体如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>www.kunjuke.com js 对象去重</title>
    </head>
    <body>
    <script>
    var obj = [
        {year: '2013-2014', term: '1'},
        {year: '2013-2014', term: '2'},
        {year: '2013-2014', term: '3'},
        {year: '2013-2014', term: '2'},
        {year: '2014-2015', term: '1'},
        {year: '2013-2014', term: '2'}
        ]
     var unique = {};
     obj.forEach(function(gpa) {
       unique[JSON.stringify(gpa)] = gpa
     });
     obj = Object.keys(unique).map(function(u) {
       return JSON.parse(u)
     });
     console.log(unique)
    </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数组中对象去重操作示例
    • js取两个数组的交集|差集|并集|补集|去重示例代码
    • 史上最全JavaScript数组去重的十种方法(推荐)

    广而告之:
    热门推荐:
    keras中的卷积层&池化层的用法

    卷积层 创建卷积层 首先导入keras中的模块 from keras.layers import Conv2D 卷积层的格式及参数: Conv2D(filters, kernel_size, strides, padding, activation='relu', input_shape) filters: 过滤器数量 kernel_size:指定卷积窗口的高和宽的数字 strides: 卷积stride,···

    js调试系列 断点与动态调试[基础篇]

    上几篇文章已经为大家介绍了js调试系列的一些基础知识,这次乱码兄弟为大家带来了js断点与动态调试方法,需要的朋友可以参考下 昨天留的课后练习 1. 分析 votePost 函数是如何实现 推荐 的。 其实我们已经看到了源码,只要读下源码即可知道他是怎么实现的了。 function voteP···

    javascript图片渐显效果代码

    在<head>到</head>之间插入如下的JAVASCRIPT代码: 在要插入的图片添加如下代码: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]*其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50%&nbs···

    浅谈vue-router 路由传参的方法

    路由传参数。在很多时候我们需要路由上面传递参数,比如新闻列表页,我们需要传递新闻ID,给新闻详细页。 1.新闻列表页模板 <template id="news"> <div> <h2>新闻列表</h2> <ul> <li> <router-lin···

    微信小程序登录换取token的教程

    前言: 这次主要是介绍些业务逻辑,技术点倒是没有多少。不过在开发中,优秀的编程思路同样是非常值得学习的。 最近小程序可以说在开发届狠狠的火了一把。微信小程序可以开发游戏,腾讯率先带头,做出了一个跳一跳也是点爆朋友圈。所谓落后就要挨打,那么今天就开始学习小程序···

    Javascript控制页面链接在新窗口打开具体方法

    第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank”属性就搞定了,代码如下:jquery在新窗口打开 复制代码 代码如下:$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"···

    使用phpstudy时dedecms后台页面空白解决方法(PHP版本原

    今天把电脑上的phpStudy升级到2013版。在登录本地织梦dedecms5.7时,/dede/login.php居然显示空白。由于周五我安装了windows8,因为是电脑问题,等我关掉防火墙配置好电脑服务后,发现还是不行。在百度后终于得到高人的日志指点。 原因很简单,phpstudy2013版是用···

    JavaScript中Date对象的常用方法示例

    getFullYear() 使用 getFullYear() 获取年份。 源代码: </script> <!DOCTYPE html> <html> <body> ​ <p id="demo">Click the button to display the full year of todays date.</p> ​ <button onclick="myFunction()">···

    php画图实例

    本文实例讲述了php画图的方法。分享给大家供大家参考。具体实现方法如下: 复制代码 代码如下:<?php  // by MoreWindows $imgWidth = 600;  $imgHeight = 400;  $img = imagecreatetruecolor($imgWidth, $imgHeight);  imagefill($img, 0, 0,···

    XHTML标记要合理使用

      在北冥有鱼以往的教程中,曾经多次强调使网页HTML文件具有语义。我们应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大···