一.Map 对象

1.概念:

Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。
Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。
Map 对象记得键的原始插入顺序。
Map 对象具有表示映射大小的属性。

2.代码示例

let mapObj = new Map();
		// mapObj.set("name","张三");
		mapObj.set("name","张三");
		mapObj.set("age",18);
		let sum = "xy";
		mapObj.set(sum,99);
		console.log(mapObj);
		console.log(mapObj.get("xy"));
		console.log(mapObj.get(sum));```

3.Map 对象的几个常用方法和属性

new Map() 创建新的 Map 对象。
set() 为 Map 对象中的键设置值。
get() 获取 Map 对象中键的值。
entries() 返回 Map 对象中键/值对的数组。
keys() 返回 Map 对象中键的数组。
values() 返回 Map 对象中值的数组。

二.Maps 和 Objects 的区别

1.一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。
2.Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。
3.Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。
4.Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产 生冲突。

三.set的使用

1.概念:

Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用

Set是唯一值的集合类似与数组,常用于数组去重

2.代码示例

let mySet = new Set(["name","zs"]);
		let mySet = new Set("hello");
		let arr = [11,22,33,44,55];
		let mySet = new Set(arr);
		mySet.add(66);
		mySet.add({});
		mySet.add([]);
		mySet.add(function(){});
		mySet.add(NaN);
		mySet.add(null);
		mySet.add(undefined);
		console.log(mySet);

3.用…操作符,将 Set 转 Array

var mySet = new Set(["value1", "value2", "value3"]);
		用...操作符,将 Set 转 Array
		console.log([...mySet]);
		var myArray = [...mySet];

4.去重

var mySet = new Set([1, 2, 3, 4, 4]);
		console.log([...mySet]);
		let arr = [11,22,33,44,55];
		let arr2 = [22,33,44,66];
		var mySet = new Set(arr);
		var mySet2 = new Set(arr2);
		var mySet3 = new Set([...mySet,...mySet2]);
		console.log(mySet3);

5.Set 对象的几个常用方法和属性

Set 对象的几个常用方法和属性
new Set() 创建新的 Set 对象。
add() 向 Set 添加新元素。
clear() 从 Set 中删除所有元素。
delete() 删除由其值指定的元素。
has() 如果值存在则返回 true。
forEach() 为每个元素调用回调。
keys() 返回 Set 对象中值的数组。
size 返回元素个数。

四.共同点不同点

1. 共同点

二者都是以key-value的形式对数据进行存储;

2.不同点

1.key的数据类型范围不同
obj可以作为key的仅有number、string、symbol。
map均可以。

2.key的顺序不同。
3.obj通过obj.keys()打印出来的属性顺序是 number–字符串
map的key顺序是声明顺序。

4.创建方式不同。
obj有三种创建方式 字面量{}、new Object() 、构造函数。
map仅支持new Map()

5.key的调用不同。
map只能用原生的get方法调用。

6.设置属性的方式不同
map只能使用set(key,val)方法设置属性。

7.Size属性
map有size属性,对象没有。Map.size 返回 Map 中元素的数量,而 Object 的键值对个数只能手动计算