ES6中的Set

今天药忘吃喽~ 2022-03-16 07:24 208阅读 0赞

在ES6中新增了Set这一数据结构，这在许多编程语言中都能见到。Set很像数组，但是它的元素都是**唯一**的，也就是说Set内的元素没有两个是一样的。

let s = new Set();

这样就构造了一个Set。

数组用`push`或`shift`方法分别从数组的前端或后端添加数据，而在Set中，我们可以通过`add`方法往Set内添加数据。

let s = new Set();
    let arr = [1,2,2,3,4,4];
    
    arr.forEach((item)=>{
        
        s.add(item); 
    });
    
    for(let i of s){
        
        console.log(i);
    }
    // 1 2 3 4

从输出结果也可看出Set是不存在两个相同的元素的。值得注意的是，`add`方法会返回Set对象。也就是说，`add`的方法的使用可以跟`Promise`对象的`then`方法一样采用链式调用。

let s = new Set();
    s.add(1).add(2).add(3).add(4);

在构造Set的时候还可以传入一个数组来初始化。

let s = new Set([1,2,3,4,4]);
    console.log(s.size);    //4

看到这里，我突然想起在开发中经常会碰到要对数组进行去重的操作。而通过使用**扩展操作符**和Set就可以比较方便的解决这个问题。

let arr = [1,2,2,2,3,3];
    let s = new Set(arr);
    arr = [...s];
    console.log(arr);   //[1,2,3];

在数组中如果我们想判断是否存在某个元素，我们可以使用`indexOf`方法，通过返回的索引值来判断。而在Set中，我们可以直接使用`has`方法。

let s = new Set();
    s.add(1).add(2).add(3);
    console.log(s.has(1));  //true

说了那么多数组跟Set的联系，而事实上Set也可以通过`Array.from`方法转换成数组。

let s = new Set([1,2,3,4,5,5]);
    let arr = Array.from(s);

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6（6）：Set 和 Map

文章目录一、Set 1. 声明一个 set 2. 元素个数

r囧r小猫/ 2022年12月26日 07:30/ 0 赞/ 168 阅读

相关【数据结构】ES6中的Set（集合）

目录 1. Set概述 2. 基本使用 3. 其他方法 4. 面试题：用set实现两数

阳光穿透心脏的1/2处/ 2022年11月25日 10:16/ 0 赞/ 169 阅读

相关 ES6中Map与Set的区别

Map 在JS中的默认对象的表示方式为\{\}，即一组键值对，但是键必须是字符串。为了使用Number或者其他数据类型作为键，ES6规范引入了新的数据类型Map。

男娘i/ 2022年11月14日 14:55/ 0 赞/ 128 阅读

相关 ES6中的数据结构Set

前言 > 小伙伴们大家好，今天开始要跟大家分享的是关于ES6系列的相关知识。前端的小伙伴都应该知道，自从es6发布后，为我们提供了很多新的的语法和方法，也使得我们在开发过

- 日理万妓/ 2022年08月28日 05:39/ 0 赞/ 172 阅读

相关 ES6中Set和WeakSet的使用

转载请标明出处:[http://blog.csdn.net/u010046908/article/details/50844739][http_blog.csdn.net_u0

阳光穿透心脏的1/2处/ 2022年08月21日 02:08/ 0 赞/ 132 阅读

相关整理ES6中的Set和Map方法

本文参考阮一峰先生的《ECMAScript 6 入门》一书的set和map一章。 1. set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的

淡淡的烟草味﹌/ 2022年06月14日 09:10/ 0 赞/ 184 阅读

相关 es6 set和weakset

五．Set和WeakSet 数据结构是ES6新增。它与数组非常相似，但是Set数据结构的成员都是唯一的。特别说明:Set中只能添加一个NaN。

柔情只为你懂/ 2022年06月09日 14:44/ 0 赞/ 191 阅读

相关 ES6之set

\ 数据结构: set \ 集合: 可以存储任何数据类型,并且是唯一的(不重复的值) const set1 = new Set();

待我称王封你为后i/ 2022年05月24日 10:42/ 0 赞/ 186 阅读

相关 ES6中的Set

在ES6中新增了Set这一数据结构，这在许多编程语言中都能见到。Set很像数组，但是它的元素都是唯一的，也就是说Set内的元素没有两个是一样的。 let s = ne

今天药忘吃喽~/ 2022年03月16日 07:24/ 0 赞/ 209 阅读

相关 es6中的Set

1.Set是什么 Set 是一种叫做集合的数据结构，并且 Set 本身是一种构造函数。举个例子：　　const s = new Set() 　　\[1, 2

拼搏现实的明天。/ 2021年10月26日 15:36/ 0 赞/ 313 阅读