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

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

内容简介:【原文】有三种方法对数组去重,返回唯一值。我喜欢用 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 去重一个数组

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

查看所有标签

猜你喜欢:

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

创新者的窘境(全新修订版)

创新者的窘境(全新修订版)

克莱顿•克里斯坦森 / 胡建桥 / 中信出版社 / 2014-1-1 / 48.00元

全球商业领域中,许多企业曾叱咤风云,但面对市场变化及新技术的挑战,最终惨遭淘汰。究其原因,竟然是因为它们精于管理,信奉客户至上等传统商业观念。这就是所有企业如今都正面临的“创新者的窘境”。 在《创新者的窘境》中,管理大师克里斯坦森指出,一些看似很完美的商业动作——对主流客户所需、赢利能力最强的产品进行精准投资和技术研发——最终却很可能毁掉一家优秀的企业。他分析了计算机、汽车、钢铁等多个行业的......一起来看看 《创新者的窘境(全新修订版)》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具