第十二节TypeScript 对象

Map对象

1、简述

Map对象保存键值对，并且能够记住键的原始插入顺序。

任何值都可以作为一个键或一个值。

2、创建 Map

使用Map类型和new 关键字来创建Map：

如：

let myMap = new Map([
    ["key1", "value1"],
    ["key2", "value2"]
]);

3、Map相关函数与属性

• Map.clear() – 移除Map对象的所有键值对。
• Map.set() – 设置键值对，返回Map对象。
• Map.get() – 返回键对应的值，如果不存在，则返回undefined。
• Map.has() – 返回一个布尔值，用于判断Map中是否包含键对应的值。
• Map.delete() – 删除Map中元素，删除成功返回true，失败返回false。
• Map.size() – 返回Map对象键值对的数量。
• Map.keys() – 返回一个Iterator对象，包含了Map对象中每个元素的键。
• Map.values() – 返回一个新的Iterator对象，包含了Map对象中每个元素的值。

4、实例

let nameSiteMapping = new Map();
// 设置 Map 对象
nameSiteMapping.set("Google", 1);
nameSiteMapping.set("Runoob", 2);
nameSiteMapping.set("Taobao", 3);
// 获取键对应的值
console.log(nameSiteMapping.get("Runoob")); //40
// 判断 Map 中是否包含键对应的值
console.log(nameSiteMapping.has("Taobao")); //true
console.log(nameSiteMapping.has("Zhihu")); //false
// 返回 Map 对象键/值对的数量
console.log(nameSiteMapping.size); //3
// 删除 Runoob
console.log(nameSiteMapping.delete("Runoob")); // true
console.log(nameSiteMapping);
// 移除 Map 对象的所有键/值对
nameSiteMapping.clear(); //清除 Map
console.log(nameSiteMapping);

执行结果：

2

true

false

3

true

Map { 'Google' => 1, 'Taobao' => 3 }

Map {}

5、Map的迭代

????????Map.keys()与Map.values()都会获取一个迭代对象，可用于循环处理。

实例：

let nameSiteMapping = new Map();
nameSiteMapping.set("Google", 1);
nameSiteMapping.set("Runoob", 2);
nameSiteMapping.set("Taobao", 3);
// 迭代 Map 中的 key
for (let key of nameSiteMapping.keys()) {
    console.log(key);
}
// 迭代 Map 中的 value
for (let value of nameSiteMapping.values()) {
    console.log(value);
}
// 迭代 Map 中的 key => value
for (let entry of nameSiteMapping.entries()) {
    console.log(entry[0], entry[1]);
}
// 使用对象解析
for (let [key, value] of nameSiteMapping) {
    console.log(key, value);
}

执行结果：

Google

Runoob

Taobao

1

2

3

Google 1

Runoob 2

Taobao 3

Google 1

Runoob 2

Taobao 3