ES6中Set和Map方法的使用

ES6中Set和Map方法的使用

Set：　set类似于数组，成员是唯一的
（1）成员不能重复
（2）只有键值没有键名，类似数组
（3）可以遍历，方法有add, delete,has
Map：　map类似于对象
（1）本质上是健值对的集合，类似集合
（2）可以遍历，可以跟各种数据格式转换

Set的使用

//定义一个数组
var arr = [1,2,4,1,2,3,5,7,2,3,4];

//声明Set集合
var set1 = new Set(arr);
//通过...拓展运算符将set变更为数组形式
var set2 = [...new Set(arr)];

//打印输出set1
console.log(set1);
//打印输出set1个数
console.log(set1.size);

//打印输出set2
console.log(set2);
//打印输出set个数
console.log(set2.length);

添加元素

// 添加元素
set1.add('66');
set2.push(66);
//打印输出set1
console.log('set1添加元素之后:',set1);
//打印输出set2
console.log('set2添加元素之后:',set2);

删除元素

// 删除元素
set1.delete(1);
set2.pop();
//打印输出set1
console.log('set1删除元素之后:',set1);
//打印输出set2
console.log('set2删除元素之后:',set2);

查找元素

// set检查集合中是否存在某个值，存在返回true，否则返回false
console.log(set1.has('66'));
console.log(set1.has('77'));

数组去重

// 数组去重
//定义一个数组
var arr1 = [1,2,4,1,2,3,5,7,2,3,4];
//通过...拓展运算符将set变更为数组形式
var set3 = [...new Set(arr1)];
//打印输出set3
console.log(set3);

遍历输出

// 循环遍历
for(let i of set1){
  console.log(i);
}

Map的使用

// 声明一个Map
var map1 = new Map();

添加元素

// 添加元素
map1.set('name','chen');
map1.set('age',23).set('height',180);
console.log(map1);

遍历输出

// 循环遍历
for(let [key,value] of map1){
  console.log(key,value);
}

删除元素

//删除元素
map1.delete('name');
console.log(map1);

获取元素

// 获取元素
console.log("获取的元素：", map1.get('name'));