js手写数组去重(JS对象数组去重的3种方法示例及对比)
类别:编程学习 浏览量:2460
时间:2021-10-05 00:08:40 js手写数组去重
JS对象数组去重的3种方法示例及对比目录
- 一.去重前后数据对比
- 二.使用方法
- 1.使用filter和Map
- 2.使用reduce
- 3.使用for循环
- 三.2400条数据,三种方法处理时间对比
- 总结
// 原数据是这样的 // 去重后数据是这样的 [{ [{ "goodsId": "1", "goodsId": "1", "quota": 12, "quota": 12, "skuId": "1" "skuId": "1" }, }, { { "goodsId": "2", "goodsId": "2", "quota": 12, "quota": 12, "skuId": "2" "skuId": "2" }, }] { "goodsId": "1", "quota": 12, "skuId": "1" }]
- 使用filter和Map 🌟🌟🌟🌟🌟
- 使用reduce 🌟🌟🌟🌟
- for循环 🌟🌟🌟
结论:filter和Reduce时间上差别不是太大,filter稍微更快一些,但是filter语法更简洁
1.使用filter和Map
代码简洁,好用,4行代码搞定,平均耗费时间最短,五星推荐
function uniqueFunc(arr, uniId){ const res = new Map(); return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1)); }
2.使用reduce
代码稍多,平均耗费时间和第一不分伯仲,四星推荐
function uniqueFunc2(arr, uniId){ let hash = {} return arr.reduce((accum,item) => { hash[item[uniId]] ? '' : hash[item[uniId]] = true && accum.push(item) return accum },[]) }
3.使用for循环
耗费时间较一二稍多,但是耗费时间平均,三星推荐
function uniqueFunc3(arr, uniId){ let obj = {} let tempArr = [] for(var i = 0; i<arr.length; i++){ if(!obj[arr[i][uniId]]){ tempArr.push(arr[i]) obj[arr[i][uniId]] = true } } return tempArr }
测试次数 | filter Map | reduce | for循环 |
---|---|---|---|
1 | 0.139892578125 ms | 0.19189453125 ms | 0.2060546875 ms |
2 | 0.12109375 ms | 0.1279296875 ms | 0.195068359375 ms |
3 | 0.112060546875ms | 0.11767578125 ms | 0.174072265625 ms |
4 | 0.10400390625 ms | 0.1728515625 ms | 0.18701171875 ms |
5 | 0.10986328125 ms | 0.12890625 ms | 0.175048828125 ms |
6 | 0.113037109375 ms | 0.10791015625 ms | 0.172119140625 ms |
7 | 0.134033203125 ms | 0.129150390625 ms | 0.172119140625 ms |
测试时间截图展示
总结
到此这篇关于JS对象数组去重的3种方法及对比的文章就介绍到这了,更多相关JS对象数组去重内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- vue 富文本图片上传(vue.js云存储实现图片上传功能)
- js数组排序有哪些(js将多维数组转为一维数组后去重排序)
- js判断是否为手机访问
- php生成json信息(php使用json-schema模块实现json校验示例)
- packagejson怎么使用(最全的package.json解析)
- js如何编辑数组对象里的数组(JS操作对象数组实现增删改查实例代码)
- js简单小游戏代码(用JS实现飞机大战小游戏)
- js绘制平滑路径(如何利用Javascript生成平滑曲线详解)
- 微信发送镭射效果代码(JS实现微信"炸屎"大作战功能)
- JS文件智能提示另一个JS文件中的成员
- js中parent和opener的区别
- js统计文本框剩余可输入字数
- 最全js面试题(JavaScript必看的10道面试题总结推荐)
- js如何访问xml
- extjs tabPanel的用法
- angularjs过滤器
- 到了岁末 临门一脚 节点,天台综合督评会目标直指 全年红(到了岁末临门一脚)
- 寒假余额不满24小时,不如来一场说走就走的亲子阅读之旅(寒假余额不满24小时)
- 省委书记出席的交流会,十位县委书记同场发言,代表公文材料的高水平(省委书记出席的交流会)
- 《刘老根3》热播,去世15年的她却再次被 伤害(去世15年的她却再次被)
- 十二星座爱情支配欲指数(十二星座爱情支配欲指数)
- 虐待儿童是发泄支配欲的愚蠢行为(虐待儿童是发泄支配欲的愚蠢行为)
热门推荐
- docker 部署netcore(关于Jenkins + Docker + ASP.NET Core自动化部署的问题避免踩坑)
- nginx配置静态资源路径(Mac环境Nginx配置和访问本地静态资源的实现)
- 查看腾讯云服务器端口(腾讯云服务器解封25端口图文教程)
- HTML5 audio标签
- phpstudy显示403(phpStudy配置多站点多域名方法及遇到的403错误解决方法)
- 远程给docker容器执行命令(Docker命令让普通用户能够执行的实现)
- html正则表达式案例(关于html字符串正则判断和匹配的具体使用)
- C#操作datatable
- python改变字体颜色指令(使用Python自动化破解自定义字体混淆信息的方法实例)
- ASP.NET给图片加图片水印