首页 > 其他分享 >JS中Map的遍历(转)

JS中Map的遍历(转)

时间:2023-06-11 20:33:35浏览次数:48  
标签:Map 遍历 map key3 key2 JS key

转自JS中Map的遍历

1、forEach遍历

const map = new Map([['key1','v1'],['key2','v2'],['key3','v3']]);
console.log(map);
map.forEach((val,key) => {
  console.log(val,key); // 先输出value,再输出key
})
/**
v1 key1
v2 key2
v3 key3 
 */

2、for…of…

for(let i of map) {
  console.log(i); // 先输出value,再输出key
}
/**
[ 'key1', 'v1' ]
[ 'key2', 'v2' ]
[ 'key3', 'v3' ] 
 */

3、for…of…搭配数组解构

//搭配解构赋值
for(let [key,val] of map) {
  console.log(key,val);
}
/**
key1 v1
key2 v2
key3 v3
 */

————————————————
版权声明:本文为CSDN博主「番茄炒蛋加鸡腿」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_44742090/article/details/123794872

转自JS中Map的遍历

标签:Map,遍历,map,key3,key2,JS,key
From: https://www.cnblogs.com/hi3254014978/p/17473522.html

相关文章

  • Vue3.js第一部分【核心篇】
    Vue3Vue核心Vue3快速上手​1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:OnePiece(海贼王)耗时2年多、​2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:​https://github.com/vuejs/vue-next/releases/tag/v3.0.0国内官网地址:​Vue.js-渐进式JavaScr......
  • 2023年6月11日,TreeSet,Comparable,HashMap
    1.Set1.TreeSetTreeSet1、存储Integer的元素,升序排列2、存储String的元素,字典排列TreeSet根据元素的不同类型使用不同的排序规则publicclasstest01{/***知识点:TreeSet*1、存储Integer的元素,升序排列*2、存储String的元素,字典排列*......
  • 马的遍历(对bfs的更深一层探讨)
    题目描述有一个 n×m 的棋盘,在某个点 (x,y) 上有一个马,要求你计算出马到达棋盘上任意一个点最少要走几步。输入格式输入只有一行四个整数,分别为 n,m,x,y。输出格式一个 n×m 的矩阵,代表马到达某个点最少要走几步(不能到达则输出 −1)。输入输出样例输入#1复......
  • jstat
    joeyon@linux$jstat-gcutil152161000100S0S1EOPYGCYGCTFGCFGCTGCT40.770.0035.880.8016.3140.08610.0250.11140.770.0035.880.8016.3140.0861......
  • Java8新特性Stream之list转map及问题解决
    List集合转Map,用到的是Stream中Collectors的toMap方法:Collectors.toMap具体用法实例如下://声明一个List集合Listlist=newArrayList();list.add(newPerson("1001","小A"));list.add(newPerson("1002","小B"));list.add(......
  • map.forEach使用
    //创建一个MapMap<String,Object>map=newHashMap<>();infoMap.put("a","a");infoMap.put("b","b");infoMap.put("c","c");//传统的Map迭代方式for(Map.Entry<String,Object>entry:ma......
  • Laravel 框架使用外部的js、css等文件
    Laravel框架使用外部的js、css等文件阅读有道云笔记https://note.youdao.com/s/d1ZQ9AC8Laravel项目的web虚拟主机指定的目录(即网址的根目录),项目的入口文件笔系统的静态资源目录(css、img、js、uploads)后期使用的外部静态文件都需要放到Public目录下,图中所示,可以想像成views......
  • STL-map(ACM)
    1.不存在的元素查询时会自动生成2.map就是一堆pair的集合,按照T1的字典序进行排列3.可以像vector那样根据下标随时访问重载函数 map<T1,T2>m;//下标的类型,值的类型//按照T1的值进行字典序排序//下方为赋值操作map<string,string>m;m["AC"]="Yee";m["Red"]=......
  • 【总结】cnmaps、maskout、salem的正确打开方式
    前言这几天在画图,需要用到白化功能,一直在搜集各位大佬的资料学习(如下)。结合自己的使用经历,给大家简单分享一下亲身体验。【自学气象人】公众号获取气象绘图——白化杂谈cnmaps,你值得拥有!python绘图|salem一招解决所有可视化中的掩膜(Mask)问题安装maskout最简单我提供一......
  • Cassandra 的数据存储结构——本质是SortedMap<RowKey, SortedMap<ColumnKey, ColumnV
    Cassandra的数据存储结构Cassandra的数据模型是基于列族(ColumnFamily)的四维或五维模型。它借鉴了Amazon的Dynamo和Google'sBigTable的数据结构和功能特点,采用Memtable和SSTable的方式进行存储。在Cassandra写入数据之前,需要先记录日志(CommitLog),然后数据开始写......