ES6参考---Set和Map

一、总结

一句话总结：

Set容器：无序不可重复的多个value的集合体：let set = new Set([1,2,3,4,3,2,1,6])
Map容器：无序的 key不重复的多个key-value的集合体：let map = new Map([['abc', 12],[25, 'age']]);

 

1、操作 Set容器 和 Map容器 常用的方法？

Set容器的常用方法：add()、delete()等
Map容器的常用方法：set(key,value)、get(key)、delete(key)等



1. Set容器 : 无序不可重复的多个value的集合体
  * Set()
  * Set(array)
  * add(value)
  * delete(value)
  * has(value)
  * clear()
  * size
2. Map容器 : 无序的 key不重复的多个key-value的集合体
  * Map()
  * Map(array)
  * set(key, value)//添加
  * get(key)
  * delete(key)
  * has(key)
  * clear()
  * size


 

 

 

二、Set和Map

博客对应课程的视频位置：

 



1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <title>05_Set和Map数据结构</title>
 6 </head>
 7 <body>
 8 <!--
 9 1. Set容器 : 无序不可重复的多个value的集合体
10   * Set()
11   * Set(array)
12   * add(value)
13   * delete(value)
14   * has(value)
15   * clear()
16   * size
17 2. Map容器 : 无序的 key不重复的多个key-value的集合体
18   * Map()
19   * Map(array)
20   * set(key, value)//添加
21   * get(key)
22   * delete(key)
23   * has(key)
24   * clear()
25   * size
26 -->
27 
28 <script type="text/javascript">
29 
30     let set = new Set([1,2,3,4,3,2,1,6]);
31     console.log(set);
32     set.add('abc');
33     console.log(set, set.size);
34     //delete(value)
35     set.delete(2);
36     console.log(set);
37     //has(value)
38     console.log(set.has(2));//false
39     console.log(set.has(1));//true
40     //clear()
41     set.clear();
42     console.log(set);
43 
44     let map = new Map([['abc', 12],[25, 'age']]);
45     console.log(map);
46     map.set('男', '性别');
47     console.log(map);
48     console.log(map.get(25));//age
49     //delete(key)
50     map.delete('男');
51     console.log(map);
52     console.log(map.has('男'));//false
53     console.log(map.has('abc'));//true
54     map.clear();
55     console.log(map);
56 </script>
57 </body>
58 
59 </html>