您现在的位置是:首页 > Javascript
当前栏目
javascript数组去重方法汇总
2023-04-18 14:41:29 时间
前言
数组去重已经是一个老生常谈的问题了,依然经久不息,经过岁月的变迁es标准的升级迭代,似乎有越来越多的方法和方式供我们使用,那么那种方式才是最优的?那种才是最简洁的?这个我们一起来探讨。
省略:传统的递归方法,这里我就不说了,是最传统也是最笨的方法。
方法一:es5使用filter
使用Array.prototype.filter()方法,对元素进行过滤;
var array = [2, "2", 2, "2"]; // es5 使用filter function unique(array) { var obj = {}; return array.filter(function (item, index) { var fullItem = (typeof item + item); return obj.hasOwnProperty(fullItem) ? false : (obj[fullItem] = true); }); } console.log(unique(array)); //[2,"2"]
方法二:使用es6 Set
Set里的元素只能出现一次,即元素是唯一的。
下面的代码中也使用了(...)扩展语句,简单来说就是把数组转换成n个对象的方法。
相关链接:Set
var array = [2, "2", 2, "2"]; //es6 使用Set特性(Set元素只会出现一次,即元素是唯一的) let unique = (array) => [...new Set(array)]; //(...)扩展语句,简单来说就是把数组参数转换为多个对象参数 console.log(unique(array)); //[2,"2"]
方法三:使用es6 Map
Map也是es6新出的数据类型,方法set、has、get、clear、delete、keys都挺好用的。
相关链接:Map
var array = [2, "2", 2, "2"]; //es6 Map 本质使用的还是Array.prototype.filter() function unique(array) { let m = new Map(); return array.filter((item) => !m.has(item) && m.set(item, 1)); } console.log(unique(array));
总结
个人觉得最优的方案是第二种!欢迎补充,欢迎指正~
相关文章
- 前端面试 【JavaScript】— typeof 是否能正确判断类型?
- 前端面试 【JavaScript】— instanceof 能否判断基本数据类型?
- 前端面试 【JavaScript】— 能不能手动实现一下 instanceof 的功能?
- 前端面试 【JavaScript】— Object.is和=== 有什么区别?
- 前端面试 【JavaScript】— JS中类型转换有哪几种?
- 前端面试 【JavaScript】— == 和 ===有什么区别?
- 前端面试 【JavaScript】— 对象转原始类型是根据什么流程运行的?
- JavaScript 的 parseInt() 函数
- javascript实现两个数字进行组合
- JS监听键盘按键
- 大前端开发中的路由管理之五:Flutter篇
- Javascript的DOM操作
- 在Vue项目中使用WebSocket技术
- 新手向:前端程序员必学基本技能——调试JS代码
- React 毁了 Web 开发!
- 「JS 逆向百例」cnki 学术翻译 AES 加密分析
- 商标注册域名后缀用什么?商标和域名有哪些区别?
- 网站建设流程是怎样的?需要看重哪些细节?
- 网站域名商标注册流程是什么?网站域名商标有什么用?
- 如何建设一个实用性强的网站 网站上线后如何运营