【金秋打卡】第15天Set介绍和Set的方法属性
2022/11/8 4:23:57
本文主要是介绍【金秋打卡】第15天Set介绍和Set的方法属性,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、课程名称:前端工程师2022版
二、课程章节:ES6语法扩展-Set和Map数据结构
三、课程讲师:Alex
四、课程内容
1、Set是什么
(1)什么是Set
可以翻译为“集合”(但不推荐使用这个翻译,因为翻译有时候会失真),它和数组类似(数组是一系列有序的数据集合),Set是一系列无序、没有重复值的数据集合
(2)理解Set
1)数组创建的方式有两种,一种是字面量,一种是通过实例化构造函数,而Set只能通过实例化构造函数进行创建
2)添加成员,使用add属性添加,每次只能添加一个,且Set中不能有重复的成员
3)Set没有下标去标示每一个值,所以Set是无序的,也不能像数组那样通过下标取访问Set的成员
2、Set实例的方法和属性(重要)
(1)方法
1)add:可以为Set添加成员,括号内一次只能添加一个成员,且成员不能重复,但是可以连续添加
const s = new Set();
s.add(1).add(2).add(3);
console.log(s); //Set(3) {1, 2, 3}
2)has:可以用于判断Set中是否有某个成员,输出结果为布尔值
console.log(s.has(1)); //true
console.log(s.has(4)); //false
3)delete:可以删除指定成员,如果使用delete删除不存在的成员,什么都不会发生,也不会报错
s.delete(3);
console.log(s); //Set(2) {1, 2}
s.delete(4); //删除不存在成员,不会报错,也不会有什么发生
console.log(s); //Set(2) {1, 2}
4)clear:可以清空Set内的所有成员
s.clear();
console.log(s); //Set(0) {size: 0}
5)forEach:可以用来遍历Set,给访问Set成员提供方法,会按照成员添加进集合的顺序遍历
①forEach方法第一个参数是回调函数,第二个参数是指定回调函数中的this指向是什么
②回调函数中传入参数,其中value代表Set中的每一个成员;key没有什么实际意义,它相当于value,即value = key,这里放上key只是为了做到统一,因为后面的Map也有forEach方法;set表示前面的's'本身
s.forEach(function (value, key, set) {
console.log(value, key, set);
console.log(value, key, set === s); //true
console.log(this); //#document
}, document);
console.log(s);
(2)属性(只有一个):size:用于获取成员长度
console.log(s.size); //3
五、课程心得
今天学习了Set的相关知识,Alex老师用以前学习过的数组知识来引出了Set的相关知识,让我更加快地学习到Set的知识,期待接下来的Set的其他知识。
这篇关于【金秋打卡】第15天Set介绍和Set的方法属性的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行