ES6数组去重的三个简单办法

ES6数组去重的三个简单办法ES6数组去重的三个简单办法简单说一下利用ES6实现数组去重的三个办法。第一种:利用Map对象和数组的filter方法贴上相关代码打印后的结果通过打印我们发现,确实实现了我们想要的效果。那么下面简单来解释一下。1.Map对象是ES6提供的一个新的数据结构,其中has的办法是返回一个布尔值,表示某个值是否存在当前的Mp对象之中,set的办法是给Map对象设置key/value。2…

大家好,又见面了,我是你们的朋友全栈君。

ES6数组去重的三个简单办法

简单说一下利用ES6实现数组去重的三个办法。
第一种: 利用Map对象和数组的filter方法

贴上相关代码
在这里插入图片描述
打印后的结果
在这里插入图片描述
通过打印我们发现,确实实现了我们想要的效果。那么下面简单来解释一下。
1.Map对象是ES6提供的一个新的数据结构,其中has的办法是返回一个布尔值,表示某个值是否存在当前的Mp对象之中,set的办法是给Map对象设置key/value。
2.filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
所以说,Map对象结合filter方法可以达到数组去重的效果~

第二种:利用Set对象和数组的Array.from方法

同样贴上相关代码片段
在这里插入图片描述
打印运行后的结果
在这里插入图片描述
简单来说,第二种方法比第一种还简单。同样来简单解释一下。
1.Set是ES6新提供的数据结构,类似于数组,但是本身没有重复值。
2.Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。
所以set结合Array.from同样可以达到数组去重的效果。不过需要注意的是,主流浏览器像Chrome,Firfox,Opera,Safari,包括微软的Edge,都是支持的,但是唯独IE系列不支持。

第三种:利用Set+扩展运算符 …

第三种办法可以说是更简单
贴上相关代码
在这里插入图片描述
打印后运行的结果
在这里插入图片描述

这就是利用ES6新特性达到数组去重的三种办法,这三种办法有个共同的好处就是代码简洁,对于undefined和NaN也同样可以达到去重的效果~~
如果你有其他办法也欢迎一起分享一下~
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/130837.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • httprunner(4)录制生成测试用例[通俗易懂]

    httprunner(4)录制生成测试用例[通俗易懂]前言写用例之前,我们应该熟悉API的详细信息。建议使用抓包工具Charles或AnyProxy进行抓包。har2case我们先来了解一下另一个项目har2case他的工作原理就是将当前主流的抓

    2022年7月31日
    10
  • Java中八大基本数据类型详解[通俗易懂]

    Java中八大基本数据类型详解[通俗易懂]自从Java发布以来,基本数据类型就是Java语言的一部分,分别是byte,short,int,long,char,float,double,boolean.当然围绕着这些基本数据类型衍生出来了很多面试题,但是说实话,工作中基本用不到

    2022年7月7日
    39
  • sql语句大全(详细)

    sql语句大全(详细)数据库操作查看所有数据库showdatabases;查看当前使用的数据库selectdatabase();创建数据库createdatabases数据库名charset=utf8;5.删除数据库dropdatabase数据库名6.使用数据句库usedatabase数据库名7.查看数据库中所有表showtables;表的操作1…

    2022年4月30日
    37
  • 推荐三款免费可外链网络相册「建议收藏」

    推荐三款免费可外链网络相册「建议收藏」现在很多的论坛都不提供上传的空间或者有诸多限制,如果我们想要在论坛中贴照片的话就得先找一个网络相册,然后以外链的方式才能贴出图片,可是现在主流的163相册,QQ和51等相册都无法支持图片外链,你是否还在苦苦寻找一个好的可以外链的相册呢?今天我就为大家带来三款提供免费外链的网络相册,希望能帮助大家解决难题。三款外链网络相册:1、Swode相册http://www.swode….

    2022年6月16日
    34
  • sqrt函数原型c语言,C语言sqrt函数的实例用法讲解

    sqrt函数原型c语言,C语言sqrt函数的实例用法讲解前言继承是OOP设计中的重要概念。在C++语言中,派生类继承基类有三种继承方式:私有继承(private)、保护继承(protected)和公有继承(public)。一、继承规则继承是C++中的重要特性,派生2021-03-2218:02:41大家有没有在项目中遇到过,将一些预定义的本地结构体转换为Json字符串后,发送到网络中的情形。那我猜想下大家常规的做法:写一个函数,传入结构体的指针,然后…

    2022年5月1日
    75
  • Shell脚本调用阿里云API实现DDNS动态域名解析[通俗易懂]

    Shell脚本调用阿里云API实现DDNS动态域名解析[通俗易懂]由于服务器的外网是动态拨号,每次获取的外网IP都不同。手头上刚好有阿里云的域名。为此,想通过编写一个Shell脚本,定期通过互联网服务获取当前机器所在网络的IP地址,并将新的IP地址通过阿里云提供的API,更新到对应的域名解析记录。申请AccessKey登陆阿里云官网,在控制台的右上角,将鼠标移动到头像上,会出现如下列表:选择AccessKey管理,会弹出如下提示:选择开始使用子用户Access

    2022年5月22日
    58

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号