JavaScript中Set对象的介绍（附示例）

来源：动视网责编：小采时间：2020-11-27 19:29:45

JavaScript中Set对象的介绍（附示例）

JavaScript中Set对象的介绍（附示例）:本篇文章给大家带来的内容是关于JavaScript中Set对象的介绍（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、创建Set对象实例Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用1.构造函数语法：new Set

推荐度：

点击下载本文 文档为doc格式

导读JavaScript中Set对象的介绍（附示例）:本篇文章给大家带来的内容是关于JavaScript中Set对象的介绍（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、创建Set对象实例Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用1.构造函数语法：new Set

本篇文章给大家带来的内容是关于JavaScript中Set对象的介绍（附示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一、创建Set对象实例

Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用

1.构造函数

语法：new Set([iterable])
参数：
iterable 如果传递一个可迭代对象，它的所有元素将被添加到新的 Set中；如果不指定此参数或其值为null，则新的 Set为空

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

二、Set实例属性

1.size属性将会返回Set对象中元素的个数

 let mySet = new Set();
 mySet.add(1);
 mySet.add(5);
 mySet.add("some text");
 console.log(mySet.size); // 3

三、Set实例方法

1.add() 方法用来向一个 Set 对象的末尾添加一个指定的值

语法：mySet.add(value)

参数：value 必需，需要添加到 Set 对象的元素的值

 let mySet = new Set();
 mySet.add(1);
 mySet.add(5).add("some text"); // 可以链式调用

 console.log(mySet); // Set [1, 5, "some text"]

2.delete() 方法可以从一个 Set 对象中删除指定的元素

语法：mySet.delete(value)

参数：value 将要删除的元素

返回值：成功删除返回 true，否则返回 false

 let mySet = new Set();
 mySet.add("foo");
 mySet.delete("foo"); // 返回 true，删除成功
 console.log(mySet.size); // 0

3.clear() 方法用来清空一个 Set 对象中的所有元素

语法：mySet.clear()

 let mySet = new Set();
 mySet.add(1);
 mySet.add("foo");
 console.log(mySet.size); // 2

 mySet.clear();
 console.log(mySet.size); // 0

4.has() 方法返回一个布尔值来指示对应的值value是否存在Set对象中

语法：mySet.has(value)

参数：

value 必须，是否存在于Set的值

返回值：如果指定的值（value）存在于Set对象当中，返回true; 否则返回 false

 let mySet = new Set();
 mySet.add("foo");

 console.log(mySet.has("foo")); // true
 console.log(mySet.has("bar")); // false

5.entries()

语法：mySet.entries()

返回值：一个新的包含 [value, value] 形式的数组迭代器对象，value 是给定集合中的每个元素，迭代器对象元素的顺序即集合对象中元素插入的顺序

 let mySet = new Set();
 mySet.add("foobar");
 mySet.add(1);
 mySet.add("baz");

 let setIter = mySet.entries();

 console.log(setIter.next().value); // ["foobar", "foobar"]
 console.log(setIter.next().value); // [1, 1]
 console.log(setIter.next().value); // ["baz", "baz"]

6.values()

语法：mySet.values() 或者 mySet.keys()

返回值：返回一个 Iterator 对象，这个对象以插入Set 对象的顺序包含了原 Set 对象里的每个元素

 let mySet = new Set();
 mySet.add("foo");
 mySet.add("bar");
 mySet.add("baz");

 let setIter = mySet.values();
 console.log(setIter.next().value); // "foo"
 console.log(setIter.next().value); // "bar"
 console.log(setIter.next().value); // "baz"

7.forEach()

语法：mySet.forEach(callback[, thisArg])

参数：
callback 每个元素都会执行的函数
thisArg 当执行callback函数时候，可以当作this来使用

 let mySet = new Set(["foo","bar",undefined]);
 mySet.forEach((value1,value2,set) => {
 console.log("key =",value1,",value =",value2); // key = foo ,value = foo
 });