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 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>

运行结果:

JS实现的对象去重功能示例

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

Javascript 相关文章推荐
Textarea与懒惰渲染实现代码
Jan 04 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
Aug 09 Javascript
可选择和输入的下拉列表框示例
Nov 05 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
Nov 28 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
VueCli4项目配置反向代理proxy的方法步骤
May 17 Javascript
JS数组中对象去重操作示例
Jun 04 #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
You might like
php实现删除空目录的方法
2015/03/16 PHP
Yii模型操作之criteria查找数据库的方法
2016/07/15 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
offsetParent 算法分析
2010/04/05 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
jquery ajax同步异步的执行最终解决方案
2013/04/26 Javascript
js根据日期判断星座的示例代码
2014/01/23 Javascript
js实现的点击div区域外隐藏div区域
2014/06/30 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
AngularJs定时器$interval 和 $timeout详解
2017/05/25 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
Mongoose实现虚拟字段查询的方法详解
2017/08/15 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
[19:54]夜魇凡尔赛茶话会 第一期02:看图识人
2021/03/11 DOTA
Python实现抓取城市的PM2.5浓度和排名
2015/03/19 Python
为什么str(float)在Python 3中比Python 2返回更多的数字
2018/10/16 Python
讲解Python3中NumPy数组寻找特定元素下标的两种方法
2019/08/04 Python
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
2014/06/11 HTML / CSS
阿迪达斯西班牙官方网站:adidas西班牙
2016/07/21 全球购物
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
毕业生的自我鉴定
2013/10/29 职场文书
党的群众路线教育实践活动公开承诺书
2014/03/28 职场文书
2014年社区工会工作总结
2014/12/18 职场文书
2016年教师节感言
2015/12/09 职场文书