Map 和 Object 的区别

Object 和 Map 类似的是，它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。

Map 和 Object 的区别

1. 创建方式不一样

const myMap = new Map()

const obj1 = {}
const obj3 = new Object()
const obj2 = Object.create()

2. 键的类型不一样

• Map 的键可以是任意值，包括函数、对象或任意基本类型。
• Object 的键必须是一个 String 或是 Symbol。

3. 删除指定键的方式不一样

Map 可以通过 .delete() 和 .clear() 方法来删除对象中指定的元素
Object 自身没有提供方法删除其自身属性，必须使用 delete 操作符

const myMap = new Map([['name', 'banana'], ['age', 18]])
myMap.delete('name')
console.log(myMap)

const obj = {
	name: 'banana',
	age: 18
}
delete obj.name
console.log(obj)

4. 获取长度的方式不一样

• Map 提供了 .size 属性来获取长度
• Object 需要通过 Object.keys() 把对象转成数组再去获取数组的长度

const myMap = new Map([['name', 'banana'], ['age', 18]])
console.log(myMap.size) // 2

const obj = {
	name: 'banana',
	age: 18
}
console.log(Obj.keys(obj).length) // 2

5. 序列化和解析

• Map 没有元素的序列化和解析的支持。
• Object 可以通过 JSON.stringify() 来进行序列化和通过 JSON.parse() 来进行解析