开发者社区> 磊哥聊Java> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

javascript数组去重方法汇总

简介: 前言  数组去重已经是一个老生常谈的问题了,依然经久不息,经过岁月的变迁es标准的升级迭代,似乎有越来越多的方法和方式供我们使用,那么那种方式才是最优的?那种才是最简洁的?这个我们一起来探讨。 省略:传统的递归方法,这里我就不说了,是最传统也是最笨的方法。
+关注继续查看

 前言


 数组去重已经是一个老生常谈的问题了,依然经久不息,经过岁月的变迁es标准的升级迭代,似乎有越来越多的方法和方式供我们使用,那么那种方式才是最优的?那种才是最简洁的?这个我们一起来探讨。

省略:传统的递归方法,这里我就不说了,是最传统也是最笨的方法。

 

方法一:es5使用filter


使用Array.prototype.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));

 

总结


个人觉得最优的方案是第二种!欢迎补充,欢迎指正~

 

img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js实现数组去重,在原型链上开发
js实现数组去重,在原型链上开发
0 0
原生js数组去重和排序
原生js数组去重和排序
0 0
javascript数组去重五种方法
javascript数组去重五种方法
0 0
手撕前端面试题(Javascript~事件委托、数组去重、合法的URL、快速排序、js中哪些操作会造成内存泄漏......
手撕前端面试题(Javascript~事件委托、数组去重、合法的URL、快速排序、js中哪些操作会造成内存泄漏......
0 0
JavaScript数组去重问题
数组去重应该是一个很常见的问题了,既然是常见的,那我们就更应该来学习一下!
0 0
Js数组去重的多种方法
学习过程中将笔记整理跟大家分享,希望对大家也有所帮助,共同成长进步💪~ 如果大家喜欢,可以点赞或留言💕~~~~,谢谢大家⭐️⭐️⭐️~~~
0 0
JS数组去重!!!一篇不怎么靠谱的"深度"水文
数组去重,这是一个老梗了...今天我又拿出来说了... 我们在考虑全面一点的情况下,数组去重的实现,比如针对NaN,undefined,{}; 这其中涉及的知识点挺多,不信跟着走一波; 这里不考虑浏览器兼容性这些破问题,因为涉及ES5&6
0 0
JS数组去重你知道有几种方法?
JS数组去重你知道有几种方法?
0 0
+关注
磊哥聊Java
是非审之于己,毁誉听之于人,得失安之于数。欢迎关注我的公众号「Java中文社群」
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载