ES6 从入门到精通 # 11:Map 数据类型

简介: ES6 从入门到精通 # 11:Map 数据类型

说明

ES6 从入门到精通系列(全23讲)学习笔记。



Map 类型


Map 类型是键值对的有序列表,键和值是任意类型。

let kaimo = new Map();
console.log(kaimo)

c852d15b7e234610aa4ba9404b73b535.png

赋值

kaimo.set("name", "kaimo313");
kaimo.set("age", 666);
console.log(kaimo)


b35d84ad9f84483b9dd148a7cfe9ace4.png


取值

kaimo.get("name");


f8a2d8a95d674d6cbce34e1d77d0387d.png


检测

kaimo.has("name");

0264b0a4fb144ea7bbaefeb3d6ee00e0.png


删除

kaimo.delete("name");
console.log(kaimo)


5dcaeb46e2ef456b8d1fd89da205aba0.png


清除

kaimo.clear();
console.log(kaimo)


3883db5abdde4cb2992b1e82132856a9.png


用数组做键

kaimo.set(["a", [3, 1, 3]], "kaimo313");
console.log(kaimo)


18cf02cab3be48ca967e15ebff625076.png



扩展


初始化

let k = new Map([
  ["ai", 31],
  ["mo", 3]
])
console.log(k)

6eb1486df1064becb2a93d916fb41914.png



另外也有一个跟 Set 类型类似的 WeakMap 对象。


WeakMap 对象是一组键/值对的集合,其中的键是弱引用的。其键必须是对象,而值可以是任意的。


这里不做过多描述,请参考文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/WeakMap



目录
相关文章
|
3月前
|
存储 安全 Java
从入门到精通:Java Map全攻略,一篇文章就够了!
【10月更文挑战第17天】本文详细介绍了Java编程中Map的使用,涵盖Map的基本概念、创建、访问与修改、遍历方法、常用实现类(如HashMap、TreeMap、LinkedHashMap)及其特点,以及Map在多线程环境下的并发处理和性能优化技巧,适合初学者和进阶者学习。
78 3
SpringMVC入门到实战------5、域对象共享数据 Request、Session、Application、Model、ModelAndView、Map、ModelMap的详细使用及代码实例
这篇文章详细解释了在IntelliJ IDEA中如何使用Mute Breakpoints功能来快速跳过程序中的后续断点,并展示了如何一键清空所有设置的断点。
SpringMVC入门到实战------5、域对象共享数据 Request、Session、Application、Model、ModelAndView、Map、ModelMap的详细使用及代码实例
|
3月前
|
存储 安全 Java
从入门到精通:Java Map全攻略,一篇文章就够了!
【10月更文挑战第19天】本文介绍了Java编程中重要的数据结构——Map,通过问答形式讲解了Map的基本概念、创建、访问与修改、遍历方法、常用实现类(如HashMap、TreeMap、LinkedHashMap)及其特点,以及Map在多线程环境下的使用和性能优化技巧,适合初学者和进阶者学习。
94 4
|
4月前
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
39 1
ES6中map对象的使用,确实比Object好使哈
|
4月前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
|
5月前
|
存储 JavaScript 前端开发
ES6新特性(四): Set 和 Map
ES6新特性(四): Set 和 Map
|
5月前
|
存储 Go 容器
Go从入门到放弃之map(字典)
Go从入门到放弃之map(字典)
|
6月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
62 1
|
6月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
45 0
|
8月前
|
存储 JavaScript
ES6+新特性-Symbol与Set/Map数据结构
ES6 引入了三种新的数据结构:Symbol、Set和Map。Symbol是唯一且不可变的值,常用于定义对象的独特属性;Set存储不重复值,适合数组去重;Map则是键值对集合,键可为任意类型,提供了更灵活的存储方式。这些新数据结构提供了更高效的操作手段,分别解决了属性命名冲突、数据去重和复杂键值对存储的问题。示例展示了如何使用Symbol、Set和Map进行基本操作。