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对象数组去重内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- sqlserver技术文档(sql server2016里面的json功能浅析)
- JS函数前面感叹号的作用
- sqlserver常见函数(SQL Server之JSON 函数详解)
- nodejs格式化教程(nodejs利用readline提示输入内容实例代码)
- 创建jsp时如何默认生成的是utf-8(js判断文件是否为utf-8编码的方法)
- auto.js源码分享(最新热门脚本Autojs源码分享)
- JS中Location
- js的replace的用法
- linux用nvm安装nodejs(nodejs管理工具nvm安装过程详解)
- Extjs msgTarget 提示位置
- pandasjson格式(对pandas处理json数据的方法详解)
- js实现网页特效(利用原生js模拟直播弹幕滚动效果)
- nodejs如何识别接口(Node实现搜索框进行模糊查询)
- js怎么上传压缩图片(如何用JS有效的压缩图片)
- nodejs怎么查看对象的全部属性(浅谈nodejs中创建cluster)
- js中parent和opener的区别
- 哪里可以看熊猫(成都哪里可以看熊猫)
- oppo手机的三种录屏方法,你知道有哪些吗(oppo手机的三种录屏方法)
- 吉林神秘传染链跨省 传染源尚未找到,舒兰 封城(吉林神秘传染链跨省)
- 吉林舒兰 封城 聚集性疫情传播链已延至沈阳,有一个细节让人忧心(吉林舒兰封城)
- 1天密接者猛增77人,患者轨迹透露危险信号 吉林市全面封闭管理(1天密接者猛增77人)
- 吉林舒兰 封城 15人确诊 276人隔离,出现跨省传播(吉林舒兰封城)
热门推荐
- linuxdocker启动报错提示参数无效(docker 报错 Exited 1 4 minutes ago的原因分析)
- 云服务器备案吗(免备案云服务器与国内云服务器有什么不同?)
- css绝对布局和相对布局(如何理解 CSS 布局和块级格式上下文)
- vue如何导入excel(Vue实现导入Excel功能步骤详解)
- python中字符串截取规则(Python中的字符串切片截取字符串的详解)
- laravel设置跨域请求(解决laravel 出现ajax请求419unknown status的问题)
- .NET中低版本程序调用高版本DLL
- javascript设置鼠标(JavaScript实现鼠标控制自由移动的窗口)
- js实现CSS格式化和压缩
- react组件参数(浅析React中的受控组件和非受控组件)