【译】如何用 ES6 去重一个数组

栏目: JavaScript · 发布时间: 5年前

内容简介:【原文】有三种方法对数组去重,返回唯一值。我喜欢用 Set,因为它快又简单。首先介绍什么是

【原文】 medium.com/dailyjs/how…

【译】如何用 ES6 去重一个数组

有三种方法对数组去重,返回唯一值。我喜欢用 Set,因为它快又简单。

【译】如何用 ES6 去重一个数组

1.Set

首先介绍什么是 Set

Set is a new data object introduced in ES6. Because Set only lets you store unique values. When you pass in an array, it will remove any duplicate values.

Set 是 ES6 引入新的数据对象。因为 Set 只允许存储唯一值。传入一个数组,返回任何重复的值。

让我们回到代码中,并分解发生了什么。分为2步:

  1. 首先,通过传入一个数组创建一个新的 Set ,因为 Set 只允许唯一值,所有重复的值都会被移除掉。
  2. 现在重复值的消失了,我们通过解构符号 ... 将它转换成一个数组。
【译】如何用 ES6 去重一个数组

Array.fromSet 转换为一个数组

另外,您同样可以使用 Array.from 将一个 Set 转换为一个数组:

【译】如何用 ES6 去重一个数组

2: 使用 Filer

为了理解这个选项,让我们了解两个方法: indexOffilter

indexOf

indexOf 方法返回给出数组中找到的第一个元素的索引。

【译】如何用 ES6 去重一个数组

filter

filter() 方法创建一个新的数组元素,传递我们提供的条件。换句话说,如果元素通过并返回true,它将被包含在过滤后的数组中。以及任何失败或返回false的元素,它将不在筛选的数组中。

当我们循环数组时,让我们y一步一步执行并遍历所发生的。

【译】如何用 ES6 去重一个数组

下面是显示控制台的输出。重复项是索引与indexOf不匹配的地方。因此,在这些情况下,条件将为false,并且不会包括在我们的筛选数组中。

【译】如何用 ES6 去重一个数组

检索重复值

我们还可以使用Filter方法从数组中检索重复值。我们可以通过简单地调整我们的条件来做到这一点:

【译】如何用 ES6 去重一个数组

接着,跳出以上代码,看看输出的结果。

【译】如何用 ES6 去重一个数组

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

白帽子讲浏览器安全

白帽子讲浏览器安全

钱文祥 / 电子工业出版社 / 2016-3 / 79.00元

浏览器是重要的互联网入口,一旦受到漏洞攻击,将直接影响到用户的信息安全。作为攻击者有哪些攻击思路,作为用户有哪些应对手段?在《白帽子讲浏览器安全》中我们将给出解答,带你了解浏览器安全的方方面面。《白帽子讲浏览器安全》兼顾攻击者、研究者和使用者三个场景,对大部分攻击都提供了分析思路和防御方案。《白帽子讲浏览器安全》从攻击者常用技巧的“表象”深入介绍浏览器的具体实现方式,让你在知其然的情况下也知其所以......一起来看看 《白帽子讲浏览器安全》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具