JavaScript---new Map()用法

news/2024/7/23 11:30:35 标签: javascript, 前端, 开发语言

new Map

  • 创建 Map 对象
  • 设置键值对
  • 获取值
  • 检查键是否存在
  • 键值对数量
  • 删除键值对
  • 清空所有键值对
  • 迭代 Map

在JavaScript中,Map 是一个构造函数,用于创建 Map 对象,它可以存储键值对集合。与普通的对象不同,Map 的键可以是任何类型的值,包括函数、对象或任意基本类型。

以下是如何创建和使用 Map 的一些基本操作:

创建 Map 对象

javascript">let map = new Map();

设置键值对

使用 set() 方法添加键值对:

javascript">map.set('key1', 'value1');
map.set('key2', 'value2');
map.set(123, 'value3');
map.set({}, 'value4');

获取值

使用 get() 方法根据键获取值:

javascript">console.log(map.get('key1')); // 输出: value1
console.log(map.get(123));    // 输出: value3

检查键是否存在

使用 has() 方法检查键是否存在:

javascript">console.log(map.has('key1')); // 输出: true
console.log(map.has('key5')); // 输出: false

键值对数量

使用 size 属性获取键值对的数量:

javascript">console.log(map.size); // 输出: 4(如果之前的赋值都执行过的话)

删除键值对

使用 delete() 方法删除指定键的键值对:

javascript">map.delete('key1'); // 删除 'key1'

清空所有键值对

使用 clear() 方法清空所有键值对:

javascript">map.clear(); // 清空 map 中的所有键值对

迭代 Map

Map 对象可以使用 forEach() 方法进行迭代,也可以使用 for…of 循环迭代其键值对:

javascript">map.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

// for...of 循环来迭代键值对
for (let [key, value] of map) {
  console.log(`${key}: ${value}`);
}

// 只迭代键
for (let key of map.keys()) {
  console.log(key);
}

// 只迭代值
for (let value of map.values()) {
  console.log(value);
}

Map 对象保持了键值对的插入顺序,这意味着在迭代时,键值对会按照插入的顺序返回。这是 Map 相对于对象字面量的一个重要特性,后者并不保证属性遍历的顺序。


http://www.niftyadmin.cn/n/5546395.html

相关文章

优质可视化大屏模板+动态图表+科技感原件等

优质可视化大屏模板动态图表科技感原件等 软件版本:Axure RP 9 作品类型:高保真 作品内容: 1、大屏可视化模版(100套):包含智慧城市、智慧社区、智慧园区、智慧农业、智慧水务、智慧警务、城市交通、电…

uni-app三部曲之二: 封装http请求

1.引言 前面一篇文章写了使用Pinia进行全局状态管理。 这篇文章主要介绍一下封装http请求,发送数据请求到服务端进行数据的获取。 感谢: 1.yudao-mall-uniapp: 芋道商城,基于 Vue Uniapp 实现,支持分销、拼团、砍价、秒杀、优…

关于美国服务器IP的几个常见问题

在租用美国服务器时,与之密切相关的一个要素就是IP,关于IP的问题总是有人问起,这里列举几项常见的问题,以供参考。 一、IP收费吗? 一般情况下,在租用服务器时,会赠送几个IP,因为这些…

智慧科技照亮水利未来:深入剖析智慧水利解决方案如何助力水利行业实现高效、精准、可持续的管理

目录 一、智慧水利的概念与内涵 二、智慧水利解决方案的核心要素 1. 物联网技术:构建全面感知网络 2. 大数据与云计算:实现数据高效处理与存储 3. GIS与三维可视化:提升决策支持能力 4. 人工智能与机器学习:驱动决策智能化 …

虚幻引擎在建筑和房地产中的五大颠覆性应用:探索新时代的优势

最初,虚幻引擎作为一个强大的游戏开发工具出现。它不断推动虚拟环境的可能性边界。正因如此,它的使用自然而然地超越了游戏开发,涵盖了包括建筑工程在内的其他行业。那么,在建筑和房地产领域使用虚幻引擎有哪些好处呢?…

`mysql`常用的的CIL命令行工具

好的,以下是每个 MySQL 管理工具的详细介绍和用法: 1. mysql mysql 是 MySQL 的客户端工具,用于连接 MySQL 服务器并执行 SQL 语句。 基本用法: mysql -u username -p常见选项: -u: 指定用户名。-p: 提示输入密码…

《Unity3D高级编程之进阶主程》第三章 数据表(二) - 数据表的制作方式

数据表的几种制作数据的方式 最简单的就是直接将Excel里的数据复制黏贴到文本文件作为游戏数据。比较简单的直接Excel手动另存为导出CSV使用Shell或Bat(window批处理)设计自动化流程操作通过特定语言写自动化程序的使用Jenkins来强化自动化流水线使用Unity3D的菜单栏编辑功能&…

使用轻量级虚拟桌面基础架构 (VDI)进行安全快速的访问,实现混合云环境的远程工作

使用轻量级虚拟桌面基础架构 (VDI)进行安全快速的访问,实现混合云环境的远程工作 许多企业都存在混合计算基础结构,其中某些应用程序已迁移到云,另外一些部署在数据中心。 现代虚拟桌面基础架构 (VDI&…