es6 set方法有哪些

PHP中文网 • 2025年3月7日 20:20:01 • 编程技术 • 阅读 2

es6 set方法可分为两大类：1、操作方法“add(value)”、“delete(value)”、“has(value)”、clear()；2、遍历方法keys()、values()、entries()、forEach()。

本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

很多时候我们把Set叫做集合,但是，Set可以是集合，集合不一定是Set。

特性：唯一性=>不重复=>能够对数据进行去重操作。

创建Set

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

关键词　标识符　= new Set();

登录后复制

例

let i = new Set();

登录后复制

Set 函数可以接受一个数组（或类似数组的对象）作为参数，用来进行数据初始化。

let i = new Set([1, 2, 3, 4, 4]);  //会得到　　set{1, 2, 3, 4,}

登录后复制

注：如果初始化时给的值有重复的，会自动去除。集合并没有字面量声明方式，只能用new关键字来声明。

Set的属性

常用的属性就一个：size–返回 Set 实例的成员总数。

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

登录后复制

Set的方法

Set 实例的方法分为两大类：操作方法（用于数据操作）和遍历方法（用于遍历数据）。

操作方法:

add(value)　　　　添加数据，并返回新的 Set 结构

delete(value)　　　删除数据，返回一个布尔值，表示是否删除成功

has(value)　　　　查看是否存在某个数据，返回一个布尔值

clear()　　　　　　清除所有数据，没有返回值

let set = new Set([1, 2, 3, 4, 4]);// 添加数据 5let addSet = set.add(5);console.log(addSet); // Set(5) {1, 2, 3, 4, 5}// 删除数据 4slet delSet = set.delete(4);console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功// 查看是否存在数据 4let hasSet = set.has(4);console.log(hasSet); // false// 清除所有数据set.clear();console.log(set); // Set(0) {}

登录后复制

遍历方法:

Set 提供了三个遍历器生成函数和一个遍历方法。

keys()　　　　返回一个键名的遍历器

values()　　　返回一个键值的遍历器

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

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

let color = new Set(["red", "green", "blue"]);for(let item of color.keys()){ console.log(item);}// red// green// bluefor(let item of color.values()){ console.log(item);}// red// green// bluefor(let item of color.entries()){ console.log(item);}// ["red", "red"]// ["green", "green"]// ["blue", "blue"]color.forEach((item) => { console.log(item)})// red// green// blue

登录后复制

【推荐学习：javascript高级教程】

以上就是es6 set方法有哪些的详细内容，更多请关注【创想鸟】其它相关文章！

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2708294.html