ES6新增Set和Map的简单使用

1. Set
基本用法
  • Set类似于数组，但成员的值都是唯一的，没有重复的值；
  • Set 是一个构造函数；
1
2
3
const list=new Set([1,2,2,3,4,5]);
[...list];
//[1,2,3,4,5];

Set函数可接收一个数组用来初始化；

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const list=new Set([1,2,3,4]);
[...list] // [1,2,3,4];

list.add(5);
[...list] // [1,2,3,4,5]

list.delete(1);
[...list] // [2,3,4,5]

list.size; // 4

list.has(2) // true
list.has(1) // false

list.clear();
[...list]; // []

Set实例常用内置函数；

  • add 添加一个成员
  • delete 删除某个成员 返回true/false
  • has 判断内部是否有某个成员
  • clear 清空内部成员
  • .size 内置属性 获取成员个数 类似于Array.length;
2. Map
基本用法

Map 可接受一个数组作为参数，该数组的成员是一个个表示键值对的数组；

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const map =new Map([
  ['name','tom'],
  ['age',18]  
])
map.size; // 2
map.has('name'); // true
map.get('name'); // tom
map.has('age'); // true

map.set('sex','1');
map.get('sex'); // 1

map.delete('sex');
map.has('sex'); //false 

map.clear(); 
map.size // 0

Map实例常用内置函数；

  • set 添加一个成员
  • get 获取某个键值对的value
  • delete 删除某个键值对 返回true/false
  • has 判断内部是否有某个属性
  • clear 清空内部成员
  • .size 内置属性 获取成员个数 类似于Array.length;