首页 > 其他分享 >js Map结构,forEach可以进行遍历,普通for循环为什么不进入执行?

js Map结构,forEach可以进行遍历,普通for循环为什么不进入执行?

时间:2024-12-29 09:08:25浏览次数:5  
标签:Map 遍历 const js set forEach myMap

在JavaScript中,Map 是一个键值对集合,它允许你使用任何类型作为键(不仅仅是字符串或符号)。Map 对象提供了多种方法来遍历和操作键值对,包括 forEach 方法。

forEach 方法是 Map 对象内置的,它允许你传入一个回调函数来遍历 Map 中的每个元素。这个方法会自动遍历 Map 并调用你提供的函数,将当前元素的键和值作为参数传递。

然而,普通的 for 循环不是设计来直接遍历 Map 对象的。for 循环通常用于遍历数组或类数组对象(具有长度属性和索引元素的对象),而 Map 不是一个数组,也没有长度属性或索引元素。因此,如果你尝试使用普通的 for 循环来遍历 Map,它将不会进入执行,因为它无法找到要迭代的元素。

要遍历 Map 对象,你可以使用以下方法之一:

  1. forEach 方法:
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

myMap.forEach((value, key) => {
  console.log(key, value);
});
  1. for...of 循环与 Map.prototype.entries 方法:
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

for (const [key, value] of myMap.entries()) {
  console.log(key, value);
}
  1. for...of 循环与 Map.prototype.keysMap.prototype.values 方法(如果你只关心键或值):
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');

// 遍历键
for (const key of myMap.keys()) {
  console.log(key);
}

// 遍历值
for (const value of myMap.values()) {
  console.log(value);
}

这些方法都是专门为 Map 对象设计的,可以有效地遍历其键值对。

标签:Map,遍历,const,js,set,forEach,myMap
From: https://www.cnblogs.com/ai888/p/18638407

相关文章

  • Go基础之数组,切片,Map
    目录1数组1.1简介1.1.1声明数组1.1.2初始化数组1.3访问数组元素1.4多维数组1.4.1二维数组1.4.2初始化二维数组1.4.3访问二维数组1.5数组与函数2切片2.1简介2.1.1定义切片2.1.2切片初始化2.1.3len()和cap()函数2.1.4空(nil)切片2.2切片操作2.2.1切片截取2.2.2......
  • cdn.jsdelivr.net 国内无法访问的替代加速域名网址
    替代域名下面提供一些可替代cdn.jsdelivr.net的地址。jsd.cdn.zzko.cnjsd.onmicrosoft.cntestingcf.jsdelivr.netquantil.jsdelivr.netfastly.jsdelivr.netjsdelivr.b-cdn.netjsdelivr.codeqihan.comjsd.duolaa.topcdn.bili33.topjsd.proxy.aks.moecdn.jsdelivr.......
  • Nodejs_vue大学生实习实训项目基地管理系统
    文章目录项目源码技术介绍具体实现截图开发工具和技术简介课题重点难点:课题重点难点:实施方案:选题特色nodejs类核心代码部分展示系统测试演示视频/源码获取/联系我项目源码技术介绍本系统设计模式是B/S模式,依照MVC进行分层。用户:项目申报,查看公告信息,个人中心,项目申......
  • 【开源免费】基于SpringBoot+Vue.JS学生宿舍信息管理系统(JAVA毕业设计)
    本文项目编号T100,文末自助获取源码\color{red}{T100,文末自助获取源码}......
  • 【开源免费】基于SpringBoot+Vue.JS大学生竞赛管理系统(JAVA毕业设计)
    本文项目编号T101,文末自助获取源码\color{red}{T101,文末自助获取源码}......
  • node.js毕设 宠物爱心组织求助系统 论文+程序
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于宠物救助方面的研究,现有研究主要以宠物医疗、宠物行为等为主,专门针对宠物爱心组织求助系统的研究较少。在宠物爱心组织救助工作中,存在着信息不畅通......
  • js里面对数组的一些独特/特殊函数
    数组.foreach(函数)这个函数里面默认的参数就是数组里面的每一个元素注意:这里面函数不需要返回参数vararr1=[1,2,3,4,5,6,7]arr1.foreach(function(item){console.log(item)})得到1234567新数组=数组.filter(函数)本质上是foreach的进阶版,在函数中对每一个......
  • ssm实验室排课系统+jsp(10796)
     有需要的同学,源代码和配套文档领取,加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码(前后端源代码+SQL脚本)配套文档(LW+PPT+开题报告)远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Eclipse开发四、项......
  • 1.高品质摄影公司网页 Web前端网页制作 大学生期末大作业 html+css+js
    目录一、更多推荐二、网页简介三、网页效果四、代码展示1.HTML2.CSS3.JS 一、更多推荐欢迎来到我的CSDN主页!您的支持是我创作的动力!Web前端网页制作、网页完整代码、大学生期末大作业模板案例、技术交流等,有兴趣的联系我交流学习!更多优质博客文章、网页模板点击以......
  • 381.大学生HTML期末大作业 —【紫色的景区旅游网页(4页)】 Web前端网页制作 html+css+
    目录一、网页简介二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强欢迎来到我的CSDN主页!您的支持是我创作的动力!Web前端网页制作、网页完整代码、大学生期末大作业案例模板完整代码、技术交......