先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
Set
认识Set
Set是一个无序且没有重复值的数据结构,Set是没有下标标识每个值的,因此不能像数组一样通过下标值访问Set成员
const s = new Set([1,2,3,3,4])
console.log(s)
小知识点:Set内部NaN被视为相等的元素只会加入一个,但是其实NaN !== NaN, 但是两个空对象视为两个不同的元素
Set的方法和属性
属性:Set.size:返回 Set 实例的成员总数。
操作方法:
- Set.add(value) :添加某个值,返回 Set 结构本身。
- Set.delete(value) :删除某个值,返回一个布尔值,表示删除是否成功。
- Set.has(value) :返回一个布尔值,表示该值是否为 Set 的成员。
- Set.clear() :清除所有成员,没有返回值。
遍历方法: Set的遍历顺序就是成员的添加顺序
Set 结构的实例有四个遍历方法,可以用于遍历成员。
- Set.keys() :返回键名的遍历器
- Set.values() :返回键值的遍历器
- Set.entries() :返回键值对的遍历器
- Set.forEach() :使用回调函数遍历每个成员
let s = new Set([1,2,3]);
s.forEach(function(value,key,set){
console.log(value);
console.log(this); //#document
},document);
// 该函数的参数与数组的 forEach 一致,依次为键值、键名、集合本身(上例省略了该参数),doucument所在参数位置是修改函数的this指向,不写就是默认window
keys
方法、 values
方法、 entries
方法返回的都是遍历器对象
。由于 Set 结构没有键名,只有键值(或者说键名和键值是同一个值),所以keys
方法和 values
方法的是相等的,都是成员的值。这意味着,可以省略values
方法,直接用 for...of
循环遍历 Set
let set = new Set([‘red’, ‘green’, ‘blue’]);
for (let x of set) {
console.log(x);
}
Set构造函数的参数
1.数组
2.字符串、argument、NodeList、Set等具有 iterable 接口的其他数据结构。
Set的注意事项
1.判断重复的方式
// Set 对重复值的判断基本遵循严格相等(===)