TS — Map 对象, Map与字典的区别

TS — Map 对象, Map与字典的区别

(1)Map的基础操作

//初始化Map的键和值,它们可以是任何类型,注意Map中所有的键或所有的值必须是相同类型
let nameList = new Map([
    ["key1", 1],
    ["key2", 2]
])
 
 //通过map.set设置键值对,返回该Map对象
nameList.set("key3", 3)
console.log(nameList)

//通过map.get获取键对应的值,如果不存在,则返回undefined
var getmap = nameList.get("key2")
var getmap2 = nameList.get("key999")
console.log(getmap)
console.log(getmap2)

//通过map.delete()删除键值对,删除则返回true,未删除则返回false
var deletemap = nameList.delete("key2")
console.log(deletemap)
console.log(nameList)

//通过has()判断 Map中是否包含所查找的键值,返回布尔型
var hasmap = nameList.has("key1")
var hasmap2 = nameList.has("key999")
console.log(hasmap)
console.log(hasmap2)

//通过clear()移除所有键值对,清楚Map
var clearmap = nameList.clear()
console.log(nameList)
 

(2)Map的迭代

Map的迭代有多种方式

1.使用for...of进行迭代,返回一个包含键值对的数组

let myMap = new Map()
myMap.set(0, "zero")
myMap.set(1, "one")

for (let [key, value] of myMap) {
  console.log(key, value)
}

2.使用forEach进行迭代,它会接受一个回调函数作为参数

let myMap = new Map()
myMap.set(0, "zero")
myMap.set(1, "one")

myMap.forEach((value, key) => {
  console.log(key, value)
})

3.使用 keys 方法迭代所有的键

let myMap = new Map()
myMap.set(0, "zero")
myMap.set(1, "one")

for (let key of myMap.keys()) {
  console.log(key)
}

4.使用 values 方法迭代所有的值

let myMap = new Map()
myMap.set(0, "zero")
myMap.set(1, "one")

for (let value of myMap.values()) {
  console.log(value)
}

需要注意的是,使用 for...offorEach 迭代时,键值对的顺序与添加顺序一致;而使用 keysvalues 迭代时,顺序与添加顺序无关。

(3)Map与字典的区别

在 TypeScript 中,Map 和字典(也叫关联数组或哈希表)都可以用来存储键值对。它们的主要区别在于内部实现方式和一些特性上。

Map 是 JavaScript 中的一个原生类,是一个可迭代的键值对的集合,其中每个键都是唯一的。它的键和值可以是任意类型的,可以通过 set 方法来添加新的键值对,通过 get 方法来获取值。Map 还有一些特殊的方法和属性,比如 size 属性,clear() 方法和 forEach() 方法等。在 TypeScript 中,我们可以直接使用 Map 类型来定义一个 Map 对象,例如:

const map = new Map<string, number>();
map.set('apple', 1);
map.set('banana', 2);
map.set('orange', 3);

字典(或关联数组或哈希表)则是一种常见的数据结构,也可以用来存储键值对,其中每个键也是唯一的。字典的实现方式一般是通过散列表(hash table)来实现的。在 TypeScript 中,我们通常会使用对象来模拟字典,例如:

const dict = { 
  apple: 1,
  banana: 2,
  orange: 3,
};

字典虽然在实现上可能更高效,但是它不是一个原生的类,也缺乏 Map 的一些特殊方法和属性。因此在 TypeScript 中,如果需要使用到这些特殊的方法和属性,或者需要确保键的顺序等问题,建议使用 Map。如果只是简单的存储键值对,可以使用对象或者字典。

转载请说明出处内容投诉
CSS教程_站长资源网 » TS — Map 对象, Map与字典的区别

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买