当前位置: 首页 > news >正文

JavaScript---new Map()用法

new Map

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

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

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

创建 Map 对象

let map = new Map();

设置键值对

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

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

获取值

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

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

检查键是否存在

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

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

键值对数量

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

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

删除键值对

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

map.delete('key1'); // 删除 'key1'

清空所有键值对

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

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

迭代 Map

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

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.lryc.cn/news/395669.html

相关文章:

  • 【数据基础】— 基于Go1.19的站点模板爬虫的实现
  • Angular进阶之九: JS code coverage是如何运作的
  • el-table 鼠标移入更改悬停背景颜色
  • 【《无主之地3》风格角色渲染在Unity URP下的实现_角色渲染(第四篇) 】
  • 【linux服务器篇】-Redis-RDM远程连接redis
  • 【pytorch15】链式法则
  • C#用链表和数组分别实现堆栈
  • 【AI原理解析】—强化学习(RL)原理
  • java解析请求的字符串参数Content-Disposition: form-data;和拼接的键值对
  • 活动回顾|2024 MongoDB Developer Day圆满收官!
  • MySQL资源组的使用方法
  • python--实验7 函数(1)
  • 【力扣】数组中的第K个最大元素
  • WTM的项目中EFCore如何适配人大金仓数据库
  • 互联网3.0时代的变革者:华贝甄选大模型创新之道
  • Tomcat的安全配置
  • [笔记] 卷积 - 01 变速箱需要放置多少个加速度传感器?
  • Maya崩溃闪退常见原因及解决方案
  • 编码与梦想:我的CSDN创作5周年
  • Vue2 基础十Vuex
  • 【大模型】驾驭未知领域:LLM如何处理域外或无意义的提示
  • Docker容器 为MySQL创建新用户和授权
  • openssh9.8p1更新 修复漏洞(CVE-2024-6387)
  • 超市收银系统源码
  • word 使用手册
  • vue学习day03-指令修饰符、v-bind对于样式控制的增强、v-model应用于其他表单元素
  • JRE、JVM、JDK分别是什么。
  • 台灯护眼是真的吗?台灯怎么选对眼睛好?一文带你读懂!
  • 【学术会议征稿】第五届计算机工程与智能控制学术会议(ICCEIC 2024)
  • 【Golang】slice切片