极客笔记js 定义map
在JavaScript中，Map是一种新的数据结构，能够存储键值对，并且能够保持插入顺序。Map对象保存键值对，并且能够记住键的原始插入顺序。
定义Map对象
要定义一个新的Map对象，首先需要实例化一个Map对象。你可以通过以下方式定义一个Map对象：
let myMap = new Map();
上面的代码创建了一个名为myMap的Map对象。你也可以在定义Map对象的同时传入一个包含键值对的二维数组：
let myMap = new Map([
['key1', 'value1'],
['key2', 'value2']
]);
Map对象的方法
Map对象有许多实用的方法可以操作键值对。下面是一些常用的方法：
set(key, value)
set方法用于添加或更新Map对象中的键值对。如果键存在，则更新对应的值；如果键不存在，则添加新的键值对。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
myMap.set('gender', 'female');
myMap.set('age', 31);
console.log(myMap);
输出为：
Map(3) {"name" => "Alice", "age" => 31, "gender" => "female"}
get(key)
get方法用于获取指定键的值。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
console.log(myMap.get('name'));
输出为：
Alice
has(key)
has方法用于判断Map对象是否包含指定键。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
console.log(myMap.has('name'));
console.log(myMap.has('gender'));
输出为：
true
false
delete(key)
delete方法用于删除指定键值对。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
myMap.delete('age');
console.log(myMap);
输出为：
Map(1) {"name" => "Alice"}
clear()
clear方法用于清空Map对象中的所有键值对。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
myMap.clear();
console.log(myMap);
输出为：
Map(0) {}
size
size属性用于获取Map对象中键值对的数量。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
console.log(myMap.size);
输出为：
2
遍历Map对象
Map对象有多种方法可以遍历键值对，包括keys()、values()和entries()方法，以及forEach()方法。
使用keys()方法遍历键
keys()方法返回一个包含Map对象中所有键的迭代器。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
for (let key of myMap.keys()) {
console.log(key);
}
输出为：
name
age
使用values()方法遍历值
values()方法返回一个包含Map对象中所有值的迭代器。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
for (let value of myMap.values()) {
console.log(value);
}
输出为：
Alice
30
使用entries()方法遍历键值对
entries()方法返回一个包含Map对象中所有键值对的迭代器。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
for (let entry of myMap.entries()) {
console.log(entry[0], entry[1]);
}
输出为：
name Alice
age 30
使用forEach()方法遍历键值对
forEach()方法接受一个回调函数，可以遍历Map对象中的每个键值对。
let myMap = new Map([
['name', 'Alice'],
['age', 30]
]);
myMap.forEach((value, key) => {
console.log(key, value);
});
输出为：
name Alice
age 30
Map对象的应用场景
Map对象在实际开发中有许多应用场景。下面是一些常见的应用场景：
- 缓存数据
- 保存表单数据
- 存储键值对
- 管理数据状态
总的来说，Map对象作为一种有序的键值对存储方式，可以方便地应用于许多数据处理和管理的场景中。
总结
通过本文的介绍，我们学习了如何定义和操作JavaScript中的Map对象。Map对象是一种非常有用的数据结构，适用于许多不同的场景。我们可以利用Map对象来存储和管理键值对数据，并且能够保持插入顺序。