js中Set基本使用
原创
ECMAScript 6 新增的 Set 是一种新集合类型，为这门语言带来集合数据结构。Set 在很多方面都像是加强的 Map，这是因为它们的大多数 API 和行为都是共有的。
基本API
1. 创建Set实例
使用 new 关键字和 Set 构造函数可以创建一个空集合：
const s = new Set();如果想在创建的同时初始化实例，则可以给 Set 构造函数传入一个可迭代对象，其中需要包含插入到新集合实例中的元素(Set 可以包含任何 JavaScript 数据类型作为值)：
const s = new Set(["val1", 1, true, {}, undefined, function fun() {}]);注意:Set结构不会添加重复的值
const s = new Set([1, 1, 2, 3, 4, 4, 5, 6, 7, 4, 2, 1]);
Array.from(s); // [1, 2, 3, 4, 5, 6, 7]经常用Set解决数组去重问题
const arr = [1, 2, 3, 3, 4, 5, 4, 4, 2, 1, 3];
Array.from(new Set(arr)); // [1, 2, 3, 4, 5]2. Set实例转数组
const s = new Set([1, 2, 3]);
Array.from(s); // [1, 2, 3]3. size属性
size: 获取Set实例的元素个数：
const s = new Set([1, 2, 3]);
s.size; // 34. add()
add(): 添加元素：
const s = new Set();
s.add(1).add(2).add(3);
Array.from(s); // [1, 2, 3]5. has()
has(): 查询Set实例是否存在某元素(返回布尔值)：
const s = new Set();
s.add(1).add(2).add(3);
s.has(1); // true6. delete()
delete(): 删除Set实例中某个元素(返回布尔值)：
const s = new Set();
s.add(1).add(2);
s.delete(1);
Array.from(s); // [2]7. clear()
clear(): 清空Set实例：
const s = new Set();
s.add(1).add(2).add(3);
Array.from(s); // [1, 2, 3]
s.clear();
Array.from(s); // []8. 迭代
keys():返回键名;
values(): 返回键值；
entries(): 返回键值对;
键名=键值
const s = new Set();
s.add(1).add(2).add(3);
Array.from(s.keys()); // [1, 2, 3]
Array.from(s.values()); // [1, 2, 3]
Array.from(s.entries()); // [[1, 1], [2, 2], [3, 3]]
for-of:
const s = new Set();
s.add(1).add(2).add(3);
for (const i of s) {
console.log(i);
}
// 1
// 2
// 3
forEach
const s = new Set();
s.add(1).add(2).add(3);
s.forEach((value, key) => console.log(key + ' : ' + value));
// 1 : 1
// 2 : 2
// 3 : 3
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读