提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  数据库

当前栏目

ES6 从入门到精通 # 10：Set 集合数据类型

集合 数据 入门
2023-03-14 22:58:28 时间

说明

ES6 从入门到精通系列（全23讲）学习笔记。



Set 集合

集合：表示无重复值的有序列表

let kaimo = new Set();
console.log(kaimo)


0502741e9ec0402486a2545b79edaccb.png


添加元素

let kaimo = new Set();
kaimo.add(3);
kaimo.add("1");
kaimo.add(3); 
kaimo.add([3, 1, 3])
console.log(kaimo)


34003cee0a2b44b48cb02970b2c4c85d.png


删除元素

kaimo.delete([3, 1, 3]);
console.log(kaimo)
kaimo.delete(3);
console.log(kaimo)


7d9a26db01984921a245ccd21771ac4e.png


校验某个值是否在 set 中

kaimo.has('1')


a305d3e4cbe74da0a5c8f4063c02eff7.png



访问集合的长度

kaimo.size



40a2f77213ff4372a115108df66ba49e.png



注意：forEach 的用法，这里的 val 是相等于 key 的

kaimo.forEach((val, key) => {
    console.log("val--->", val)
    console.log("key--->", key)
})


3b45f174869c4904918f000a9e981f7e.png


用扩展运算符将集合转为数组

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


76754d42b8324452b0617f21ec3475c6.png



拓展


set 中对象的引用无法被释放

let kaimo = new Set(), obj = {name: "kaimo313"};
kaimo.add(obj)
// 释放当前的资源
obj = null
console.log(kaimo);


80272a32608a42ff8841ff98910eccac.png


解决方法：使用 WeakSet

let kaimo1 = new Set(), obj1 = {name1: "kaimo313"};
kaimo1.add(obj1)
// 释放当前的资源
obj1 = null
let kaimo2 = new WeakSet(), obj2 = {name2: "kaimo313"};
kaimo2.add(obj2)
// 释放当前的资源
obj2 = null
kaimo1
kaimo2


c00a5105821140ef9800dbb1028d3e30.png


WeakSet 的特点

  1. 不能传入非对象类型的参数


2ce67f7e524e425e8bccb592401226de.png


2.不可迭代

7f6eff07c8dc4817b6c894c2d3e9ac63.png


  1. 没有 forEach()
  2. 没有 size 属性




相关文章