锦州市广厦电脑维修|上门维修电脑|上门做系统|0416-3905144热诚服务,锦州广厦维修电脑,公司IT外包服务
topFlag1 设为首页
topFlag3 收藏本站
 
maojin003 首 页 公司介绍 服务项目 服务报价 维修流程 IT外包服务 服务器维护 技术文章 常见故障
锦州市广厦电脑维修|上门维修电脑|上门做系统|0416-3905144热诚服务技术文章
JavaScript中Map对象如何使用?有哪些操作?

作者: 佚名  日期:2023-07-08 11:52:35   来源: 本站整理

 本篇文章将给大家介绍关于如何创建Map对象以及如何使用Map对象进行添加,获取,删除和迭代,所以下面我们就来看看具体的内容。

JavaScript中Map对象如何使用?有哪些操作?

首先我们来看一下如何创建Map对象?

通过创建关联数组,通常可以更容易地理解Map对象。

我们首先用new创建一个实例。

var map = new Map();

要添加元素,我们使用set()方法.

map.set('name', 'Tom');

在此示例中,字符串“Tom”值被添加到“name”中。

顺便说一下,在创建实例时也可以如下设置初始值。

new Map([['name', 'Tom'], ['name', 'Jerry']]);

如何获取和删除元素

例如,创建一个这样的Map对象:

var map = new Map();
  
map.set('name', 'Tom');
map.set('age', 18);

要获取此Map对象的“name”值,可以使用get()方法。如下所示

console.log(map.get('name'));

顺便说一下,如果执行「size」的话,可以取得存储的元素数,使用has()的话可以确认是否存在任意的值。

console.log(map.size);
console.log(map.has('age'));

要删除元素,只需在delete()中指定要删除的元素的值。

map.delete('name');
map.clear();

对于Map 对象,执行clear将删除所有存储的元素。

Map对象的迭代处理

通常,迭代使用for-of语句很容易,但是Map对象提供了有用的属性。

例如,您可以使用key()来检索存储元素的所有“键”。

请看下面的示例

for(var key of map.keys()) {
  console.log(key);
}

在此示例中,可以看到我们使用keys()对Map对象存储所存储的键进行反复处理

因此Map对象的所有键都可以列举出来。

此外,使用values()这次将获得所有的值。

for(var val of map.values()) {
  console.log(val);
}

本篇文章到这里就全部结束了



热门文章
  • 机械革命S1 PRO-02 开机不显示 黑...
  • 联想ThinkPad NM-C641上电掉电点不...
  • 三星一体激光打印机SCX-4521F维修...
  • 通过串口命令查看EMMC擦写次数和判...
  • IIS 8 开启 GZIP压缩来减少网络请求...
  • 索尼kd-49x7500e背光一半暗且闪烁 ...
  • 楼宇对讲门禁读卡异常维修,读卡芯...
  • 新款海信电视机始终停留在开机界面...
  • 常见打印机清零步骤
  • 安装驱动时提示不包含数字签名的解...
  • 共享打印机需要密码的解决方法
  • 图解Windows 7系统快速共享打印机的...
  • 锦州广厦电脑上门维修

    报修电话:13840665804  QQ:174984393 (联系人:毛先生)   
    E-Mail:174984393@qq.com
    维修中心地址:锦州广厦电脑城
    ICP备案/许可证号:辽ICP备2023002984号-1
    上门服务区域: 辽宁锦州市区
    主要业务: 修电脑,电脑修理,电脑维护,上门维修电脑,黑屏蓝屏死机故障排除,无线上网设置,IT服务外包,局域网组建,ADSL共享上网,路由器设置,数据恢复,密码破解,光盘刻录制作等服务

    技术支持:微软等