ES6之set&map

发表于 2017-05-16 | 分类于前端

学如逆水行舟，不进则退

说明

通过学习ES6 标准入门（第二版）–阮一峰书籍和在线网站,学习ES6标准，同时记录学习笔记

SET

类似于数组但是成员是唯一的（加入值时不会进行类型转换，计算是否相等的算法类似===）

构造方法：

var s = new Set();
可以接受一个数组（或者类似数组的对象）进行初始化（重复部分会舍去）

实例的属性：

size:实例的成员数

实例的数据结构：

{
	size: 4,
	[[Entries]]: [1,2,3,4],
	__proto__:{}
}

实例的操作方法：

add(value): 添加一个值，返回实例本身
delete(value): 删除一个值，返回一个布尔值表示删除是否成功
has(value): 判断一个值是否在实例内，返回一个布尔值
clear(): 清除所有成员，没有返回值，实例变为一个空Set对象

ps:Array.from方法可以将Set结构转化为数组（var arr = Array.from(set)）

pps: 简单的数组去重的方法：
function dedupe(array) {
return Array.from(new Set(array));
}

实例的遍历方法：

keys(): 返回键名的遍历器
values(): 返回键值的遍历器（Set的键与值相同，所以keys和values方法的返回值一致）
entries(): 返回键值对的遍历器
forEach(): 使用回调函数遍历每个成员

ps: 或者直接使用for…of遍历Set

MAP

类似于对象的’键值对’存贮方式，但是对象提供的是”字符串-值”，Map的键则可以是各种类型的值（包括对象），键名不能重复（类似于===判断方式，对象必须是内存地址不相同）

构造方法：

var map = new Map();
可以接受一个数组进行构造，数组的成员是两项表示键值对的数组

  const map = new Map([
  ['name', '张三'],
  ['title', 'Author']
]);

实例的属性：

size:实例的成员数

实例的数据结构：

{
	size: 2,
	[[Entries]]: [{"a"=>1},{"b"=>2}],
	__proto__:{}
}

实例的操作方法：

set(key,value): 设置当前实例key对应的值为value，返回设置后的set实例（新建或者更新键）
get(key): 读取当前实例key的值，如果找不到key则返回undefined
has(key): 判断当前实例是否存在key，返回布尔值表示查找结果
delete(key): 删除当前实例key，返回布尔值表示删除结果
clear(): 清空当前实例，没有返回值，当前实例变为一个空Map对象

实例的遍历方法：

keys(): 返回键名的遍历器
values(): 返回键值的遍历器
entries(): 返回键值对(作为数组存在，可以直接使用[key,value]进行解构)的遍历器，map[Symbol.iterator] === map.entries
forEach(): 使用回调函数遍历每个成员