js的Map数据类型_热门

2023-06-28 17:24:03 来源:博客园
与对象相似,Map也是由一组键值对生成的集合,但是Map的key除了采用字符串还可以采用其它的类型。那么,要如何构造一个Map对象呢?

Map构造

可以初始化构建一个空的Map对象,再添加键值对


(相关资料图)

var map = new Map();  map.set("name","zhangsan");  map.set("age",40);

也可以直接用一个二维数组构造一个Map对象,如:

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"]])

get()

get方法可以通过给定的键,查询到Map的值

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"]]);  map.get("age")  //返回40  map.get("name") //返回wangqiang                

set()

set方法可以向map中添加一个键值对,如果map中键已经存在,则修改该键的值。

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"]]);  map.set("age",38);  map.set("address","tianhe guangzhou");  for (let item of map){      console.log(item[0],":",item[1]);  //遍历可以看到添加的键值对  }

delete()

delete方法可以通过给定的键,删除掉map的值

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"]]);  map.delete("age") 

has()

has方法可以查询给定的键是否存在

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"]]);  map.delete("age")  map.has("age")  // false;               

map的遍历

通过for(...of...){...}可以对map的内容进行遍历

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"],["address","tianhe"]]);  for (let item of map){      console.log(item[0],item[1]);  }

除了通过上面提到的for(... of ...){...}循环进行遍历,还可以使用迭代器进行遍历

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"],["address","tianhe"]]);  var entries = map.entries();  //获取一个迭代器  for (;;){      let entry = entries.next(); //迭代      if (entry.done){            //迭代是否完成          break;      }      console.log(entry.value[0],":",entry.value[1]);  }         

clear()

clear方法清空map的键值对

var map = new Map([["name","wangqiang"],["age",40],["city","guangzhou"]]);  map.clear();  map.size();  //0

文章同时发表在:码农编程网欢迎访问

本节重点:

  • map对象的构造介绍;
  • map对象常见方法和属性的使用;
  • map对象的遍历。

标签

js的Map数据类型_热门

与对象相似,Map也是由一组键值对生成的集合,但是Map的key除了采用字

2023-06-28 17:24:03

每日讯息!什么是FIA资格?FIA通过后如何成为ACCA学员?

FIA资格是ACCA推出的基础财务资格考试,简称FIA。FIA就像是ACCA的一个

2023-06-28 16:58:12

全球要闻:新华社权威快报丨无障碍环境建设法表决通过

6月28日,十四届全国人大常委会第三次会议表决通过无障碍环境建设法。

2023-06-28 16:42:08

一天亏25%!AI大牛股高台跳水,有股民直言“吓傻了” 当前看点

一天亏25%!AI大牛股高台跳水,有股民直言“吓傻了”,跳水,股价,股民,

2023-06-28 16:16:59

微速讯:二手房难卖!全国13个重点城市挂牌量近200万套

您的浏览器不支持 video 标签。

2023-06-28 15:58:53

【全球新视野】国内商品期市收盘涨多跌少,铁矿石、棕榈油涨超2%

App6月28日消息,国内商品期市收盘涨多跌少,尿素涨超3%,铁矿石、棕榈

2023-06-28 15:19:58

一句话点评5月合资SUV:瘦死的骆驼比马大

市场概述:外资品牌的未来在哪里?当电动化进程不断加速,当中国品牌再

2023-06-28 14:39:00

智慧医疗国产化发展加速,医疗器械迈入新时代快车道

近年来,医疗健康产业创新不断涌现,同时也发展成为最活跃的行业之一。

2023-06-28 13:58:22

注意!双预警齐发 暴雨强对流强势来袭|环球热门

上一轮降水才刚结束昨天起新一轮雨水就已启程本轮降水将主要集中在长江

2023-06-28 13:46:35

豆子画简单又漂亮_豆子画

1、一张卡片纸。先把轮廓画出来。2、将双面胶或胶水粘在轮廓上。3、把

2023-06-28 12:45:20
x 广告
x 广告

Copyright  2015-2022 北方粮油网版权所有  备案号:京ICP备2021034106号-50   联系邮箱: 55 16 53 8@qq.com