TypeScript Map详解

LVSE • 2024-10-14 18:44 • 编程

一、Map概述

1、Map是一种存储键值对的数据结构，类似于Object，但是键可以是任何类型（包括对象），而Object只能是字符串或Symbol类型的键。

2、Map的构造函数接收一个可迭代对象（比如数组），并将其作为键值对的列表初始化Map对象。Map对象的大小通过size属性获取。

3、Map的常用方法有：get(key)、set(key, value)、delete(key)、clear()、entries()、keys()、values()等。

二、Map的使用场景

1、替代对象

const obj = { name: 'Jack', age: 18 };
const map = new Map(Object.entries(obj));
console.log(map.get('name')); // Jack

2、记录数据出现次数

const arr = [1, 2, 3, 2, 1, 1, 4];
const map = new Map();
for (const item of arr) {
  map.set(item, map.get(item) ? map.get(item) + 1 : 1);
}
console.log(map); // Map(4) { 1 => 3, 2 => 2, 3 => 1, 4 => 1 }

3、缓存数据

const cache = new Map();
function getData(key) {
  if (cache.has(key)) {
    return cache.get(key);
  } else {
    const data = fetchData(key);
    cache.set(key, data);
    return data;
  }
}

三、Map API详解

1、get(key)

Map的get方法接收一个键（key），返回与该键相关联的值（value）。

const map = new Map().set('name', 'Jack');
console.log(map.get('name')); // Jack

2、set

Map的set方法用于在Map中添加或更新一个键值对，接收两个参数：键（key）和值（value）。

const map = new Map().set('name', 'Jack');
map.set('age', 18);
console.log(map); // Map(2) { 'name' => 'Jack', 'age' => 18 }

3、delete(key)

Map的delete方法用于从Map中删除一个键值对，并返回一个布尔值，表示该键值对是否存在。

const map = new Map().set('name', 'Jack');
console.log(map.delete('name')); // true
console.log(map.delete('age')); // false
console.log(map); // Map(0) {}

4、clear()

Map的clear方法用于清空Map对象。

const map = new Map().set('name', 'Jack').set('age', 18);
map.clear();
console.log(map); // Map(0) {}

5、entries()

Map的entries方法返回一个迭代器，包含所有键值对的数组。

const map = new Map().set('name', 'Jack').set('age', 18);
console.log([...map.entries()]); // [ [ 'name', 'Jack' ], [ 'age', 18 ] ]

6、keys()

Map的keys方法返回一个迭代器，包含所有键的数组。

const map = new Map().set('name', 'Jack').set('age', 18);
console.log([...map.keys()]); // [ 'name', 'age' ]

7、values()

Map的values方法返回一个迭代器，包含所有值的数组。

const map = new Map().set('name', 'Jack').set('age', 18);
console.log([...map.values()]); // [ 'Jack', 18 ]

小结：

本文介绍了TypeScript中的Map，包括Map的概述、使用场景和详细的API解释。Map是一种存储键值对的数据结构，它可以代替对象、记录数据出现次数和缓存数据。Map的常用方法有get、set、delete、clear、entries、keys和values，这些方法用于查询、添加、删除、清空、遍历Map对象。

原创文章，作者：LVSE，如若转载，请注明出处：https://www.506064.com/n/143048.html