ES6中set、map、DOM classList的基础用法

目录

一、set基础用法

1.set定义与初始化数据

2.add添加

3.delete删除指定元素

4.has查询指定元素

5.clear删除全部

二、map数据结构

1.set get 基础用法

2.delete 删除指定元素

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

4.获取map的所有的key

5.clear删除

三、DOM classList的基础用法

1.完整代码

2.效果展示

---

一、set基础用法

类似于数组，但是成员的值都是唯一的，没有重复的值。类似于数组，但是成员的值都是唯一的，没有重复的值。

1.set定义与初始化数据

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

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

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,

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

5.clear删除全部

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

二、map数据结构

1.set g