ES6的Set数据结构

hiyayiji 发布于2019-08-20 15:19 / 2851人阅读

摘要：本身是一个构造函数，用来生成数据结构可以接受一个数组或者类数组对象作为参数，用来初始化可用于数组去重方法可以将结构转换为数组向加入值时，不会发生类型转换类似于精确相等，但是要注意在里是等于自身的。

ES6：Set

大神地址：来自阮一峰大神的ES6入门书籍

了解Set

ES6提供了数据结构Set。类似于数组，但是没有重复值。

Set本身是一个构造函数，用来生成Set数据结构

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

Set可以接受一个数组（或者类数组对象）作为参数，用来初始化

var set = new Set([1, 2, 3, 4, 4]);
[...set]; // [1, 2, 3, 4]

可用于数组去重[...new Set(array)]
Array.from()方法可以将Set结构转换为数组Array.from(new Set(array))

向Set加入值时，不会发生类型转换（类似于精确相等===），但是要注意在Set里NaN是等于自身的。另外两个对象总是不相等的。

let set = new Set();
let a = NaN；
let b = NaN;
set.add(a);
set.add(b);
set; //{NaN} 只能加入一个，说明Set内部两个NaN是相等的

Set实例的属性和方法

属性：

Set.prototype.constructor：构造函数，默认就是Set函数

Set.prototype.size：返回实例的成员总数

操作方法（方法的具体实现见：我对JS集合的简单学习）：

add(value)：添加一个值，返回Set结构本身

delete(value)：删除某个值，返回布尔值

has(value)：返回布尔值，表示是否是成员

clear()：清除所有成员，无返回值

s.add(1).add(2).add(2); //链式写法

s.size(); //2

s.has(3); //false

s.delete(2);
s.has(2); //false

遍历方法

keys()：返回键名的遍历器（什么是遍历器？Iterator）

values()：返回键值的遍历器

entries()：返回键值对的遍历器

forEach()：使用回调函数遍历每个成员

这里要注意Set的键名和键值是同一个值，所以key()和values()行为是一致的。

let set = new Set(["red", "green", "no"]);

for(let item of set.keys()) {
    console.log(item); //red green no
}

for(let item of set.values()) {
    console.log(item); //red green no
}

for(let item of set.entries()) {
    console.log(item); //["red": "red"] ["green": "green"] ["no": "no"]
}

//对每个成员执行某种操作，参数依次为键值、键名、集合本身
new Set([1, 2, 3]).forEach((value, key) => console.log(value * 2)); //2 4 6

操作集合

let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);

//并集
let union = new Set([...a, ...b]); //{1, 2, 3, 4}

//交集
let intersect = new Set([...a].filter(x => b.has(x))); //{2, 3}

//差集
let difference = new Set([...a].filter(x => !b.has(x))); //{1}

号外：扩展运算符（...）内部使用for...of循环，所以应该知道for of是干嘛的吧

数组的map()和filter()可用于Set

let set = new Set([1, 2, 3]);
set = new Set([...set].map(x => x * 2)); //set: {2, 4, 6}

let set = new Set([1, 2, 3, 4, 5]);
set = new Set([...set].filter(x => (x % 2) == 0)); //set {2, 4}

云服务器 GPU云服务器 java的set() java常用的set java的set实现 php的 set方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82154.html

ES6引入的数据结构 - ES6 - ECMAScript特性 - Javascript核心

摘要：引入的数据结构新加入的数据类型有这些数据结构的支持并不广泛，在写这篇文章的时候。是或其他可枚举的对象，其每个元素是的元数组。开头的和不对持有引用，不影响。因此，他们没有办法对自身的进行直接的枚举。目前新版的和支持。原文：http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_data_types.html 源代...

fobnn 2019-08-19 14:50 评论0 收藏0
深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相转换

摘要：学习笔记工作中常用到的语法只是简单提及和，今天有空于是写了这篇文章深入理解中的和数据结构，与其它数据结构的互相转换。的提供了新的数据结构。本身是一个构造函数，用来生成数据结构。文中的内容主要是来自于阮一峰的《ES6标准入门》（第三版）。《学习ES6笔记──工作中常用到的ES6语法》只是简单提及Set和Map，今天有空于是写了这篇文章──《深入理解：ES6中的Set和Map数据结构，M...

Cristalven 2019-08-23 12:00 评论0 收藏0
深入理解ES6笔记（七）Set集合和Map集合

摘要：创建并添加项目可以使用数组来初始化一个，并且构造器会确保不重复地使用这些值使用方法来测试某个值是否存在于中移除值使用方法来移除单个值，或调用方法来将所有值从中移除。属性的初始化将数组传递给构造器，以便使用数据来初始化一个。主要知识点：Set的基本操作，Weak Set，Map的基本操作，Weak MapshowImg(https://segmentfault.com/img/bVbf...

loostudy 2019-08-23 11:26 评论0 收藏0
带你入门 JavaScript ES6 (五) 集合

摘要：一概述集合是引入的新的内置对象类型，其特点同数学意义的集合，即集合内所有元素不重复元素唯一。数组集合对比数组和集合，数组可以加入重复数据，而集合的所有元素是唯一的不允许重复。因此，适合临时存放一组对象，以及存放跟对象绑定的信息。本文同步带你入门带你入门 JavaScript ES6 (五) 集合，转载请注明出处。前面我们学习了： for of 变量和扩展语法块作用域变量和解构...

BetaRabbit 2019-08-26 17:04 评论0 收藏0
ES6数据结构：set和map

摘要：提供了新的数据结构。用法结构有以下属性构造函数，默认就是函数。结构有以下方法添加某个值，返回结构本身。返回一个布尔值，表示该值是否为的成员。清除所有成员，没有返回值。 Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。用法：new Set([iterable]) const set = new Set([1, 2, 3, 4, 4, 4]...

VPointer 2019-08-22 18:06 评论0 收藏0