一、Set 是什么
1. 什么是 Set
- 数组是一系列有序的数据集合。
- Set 是一系列无序、没有重复值的数据集合。
2. 理解 Set
二、Set 实例的方法和属性
1. 方法
2. 属性
三、Set 构造函数的参数
1. 数组
2. 字符串、arguments、NodeList、Set 等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Set 构造函数的参数</title>
</head>
<body>
<p>123</p>
<p>321</p>
<p>34567</p>
<script>
// NodeList
console.log(new Set(document.querySelectorAll('p')));
</script>
</body>
</html>
四、Set 的注意事项
1. 判断重复的方式
- Set 对重复值的判断基本遵循严格相等（===）。
- 但是对于 NaN 的判断与 === 不同，Set 中 NaN 等于 NaN。
2. 什么时候使用 Set
- ① 数组或字符串去重时。
- ② 不需要通过下标访问，只需要遍历时。
- ③ 为了使用 Set 提供的方法和属性时（add delete clear has forEach size 等）。
五、Set 的应用
1. 数组去重
2. 字符串去重
3. 存放 DOM 元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Set 的应用</title>
</head>
<body>
<p>123</p>
<p>321</p>
<p>34567</p>
<script>
// 3.存放 DOM 元素
const s = new Set(document.querySelectorAll('p'));
console.log(s);
s.forEach(function (elem) {
elem.style.color = 'red';
elem.style.backgroundColor = 'yellow';
});
</script>
</body>
</html>
97
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
