目录

一、set基础用法（add,delete,has,clear）

1.set定义与初始化数据

2.add添加

3.delete删除指定元素

4.has查询指定元素

5.clear删除全部

二、map数据结构（set,get,delete,size,clear,has（指定key的元素）, keys）

1.set get 基础用法

2.delete 删除指定元素

3.size获取map的长度 has获取指定元素

4.获取map的所有的key

5.clear删除

三、DOM classList的基础用法

基本效果（可以优化）

代码段

---

一、set基础用法（add,delete,has,clear）

1.set定义与初始化数据

const set = new Set([1,2,3,4,4]);
console.log(set);//会把重复的自动删除 1,2,3,4
1
2

2.add添加

const set = new Set([1,2,3,4,4]);
set.add(5).add(6);
console.log(set);//1,2,3,4,5,6
1
2
3

3.delete删除指定元素

const set = new Set([1,2,3,4,4]);
set.add(5).add(6);
set.delete(6);
console.log(set);//1,2,3,4,5,
1
2
3
4

4.has查询指定元素

const set = new Set([1,2,3,4,4]);
set.add(5).add(6);
set.delete(6);
console.log(set.has(6));//false
1
2
3
4

5.clear删除全部

const set = new Set([1,2,3,4,4]);    
set .clear();
console.log(set);//set(0)
1
2
3

二、map数据结构（set,get,delete,size,clear,has（指定key的元素）, keys）

1.set get 基础用法

const Info = {height:190,major:"计算机"};
const map = new Map();
//设置map的值 key->value
map.set("realname","张三");
map.set("age",18);
map.set(Info,"个人详细信息");
//get得到map的值 参数：key
console.log(map.get("realname"));
1
2
3
4
5
6
7
8

2.delete 删除指定元素

//删除map的值 参数：key
map.delete("age");
1
2

3.size获取map的长度 has获取指定元素

//获取map的长度
console.log(map.size);
console.log("age是否存在:" + map.has("age"));//falase 上文以删除
1
2
3

4.获取map的所有的key

const keys = map.keys();
console.log(keys);
1
2

5.clear删除

map.clear();
1

三、DOM classList的基础用法

基本效果（可以优化）

代码段

	
		
		
		
	

	
		
		
我是一个容器
		控制颜色
		控制字体大小
		判断是否有颜色样式
		判断索引1的类名

		删除颜色样式
		控制字体toggle方式
		
		
		
	

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦