TypeScript中Map对象使用及Map与字典的区别详解

 更新时间:2024年01月23日 16:10:52   作者:3wj  
Map对象主要的应用场景在于数据重组和数据储存,下面这篇文章主要给大家介绍了TypeScript中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...of 或 forEach 迭代时,键值对的顺序与添加顺序一致;而使用 keys 或 values 迭代时,顺序与添加顺序无关。

(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。如果只是简单的存储键值对,可以使用对象或者字典。

总结

到此这篇关于TypeScript中Map对象使用及Map与字典的区别详解的文章就介绍到这了,更多相关TS Map对象与字典区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Blazor实现微信的Tab切换功能

    Blazor实现微信的Tab切换功能

    这篇文章主要介绍了Blazor实现微信的Tab切换功能,本文中的UI组件使用的是MASA Blazor,您也可以是其他的UI框架,这个并不影响实际的运行效果,本文案例是兼容PC和Android的,演示效果是android中执行的,在PC中执行效果依然有效,需要的朋友可以参考下
    2023-01-01
  • ES7中利用Await减少回调嵌套的方法详解

    ES7中利用Await减少回调嵌套的方法详解

    大家都知道在ES7中有了标准的回调函数嵌套的解决方案,新增了 async/await两个关键词,所以这篇文章主要给大家介绍了关于Javascript中如何利用Await减少回调嵌套的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-11-11
  • js中数组常用方法总结(推荐)

    js中数组常用方法总结(推荐)

    这篇文章主要介绍了js中数组常用方法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JavaScript.Encode手动解码技巧

    JavaScript.Encode手动解码技巧

    往往在网页上有JS加密代码的解码方法,但是由于代码中存在转义字符,无法正确的进行解码。
    2010-07-07
  • 微信小程序非跳转式组件授权登录的方法示例

    微信小程序非跳转式组件授权登录的方法示例

    这篇文章主要介绍了微信小程序非跳转式组件授权登录的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • js两行代码按指定格式输出日期时间

    js两行代码按指定格式输出日期时间

    javascript两行代码即可实现按指定格式输出日期时间,非常不错,需要的朋友可以参考下
    2011-10-10
  • js仿3366小游戏选字游戏

    js仿3366小游戏选字游戏

    这篇文章主要为大家详细介绍了js仿3366小游戏选字游戏
    2016-04-04
  • JavaScript通过代码调用Flash显示的方法

    JavaScript通过代码调用Flash显示的方法

    这篇文章主要介绍了JavaScript通过代码调用Flash显示的方法,实例分析了JavaScript通过flash插件swfobject.js调用flash显示的具体操作技巧,需要的朋友可以参考下
    2016-02-02
  • 详解TypeScript如何正确使用Declare关键字

    详解TypeScript如何正确使用Declare关键字

    如果您编写 TypeScript 代码的时间足够长,您就已经看到过declare关键字,但它有什么作用,为什么要使用它呢,下面小编就来和大家简单讲讲
    2023-08-08
  • 基于JavaScript获取url参数2种方法

    基于JavaScript获取url参数2种方法

    这篇文章主要介绍了基于JavaScript获取url参数2种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-04-04

最新评论