JavaScript /react 中new Map的用法

new Map()

size属性:

size属性返回Map结构的成员总数。

set(key, value)

set方法设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。

// 常用写法
var obj = new Map()
obj.set("age", 12)        // 键是字符串
obj.set(0, "standard")     // 键是数值
obj.set(undefined, "nah")     // 键是undefined//set方法返回的是Map本身,也可以采用链式写法。
var map = new Map()
.set(1, 'a')
.set(2, 'b')
.set(3, 'c');

get(key)

get方法读取key对应的键值,如果找不到key,返回undefined。

has(key)

has方法返回一个布尔值,表示某个键是否在Map数据结构中。

delete(key)

delete方法删除某个键,返回true。如果删除失败,返回false。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.has('hello')  // true
obj.delete('hello')
obj.has('hello')  // false

clear()

lear方法清除所有成员,没有返回值。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.size // 1
obj.clear()
obj.size // 0

Array.from执行map对象后返回一个二维数组

.values()

获取Map的value值

var obj = new Map()
obj.set("hello", 'Hello')
obj.set("h", 'ES6')
Array.from(obj.values()) //['Hello','ES6']

.keys()

获取Map的key值

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.set("h", 'ES6')
Array.from(obj.keys()) //["hello","h"]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/744334.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

像51单片机一样----STM32寄存器点灯

#define RCC_APB2ENR *(volatile unsigned int *)(0x40021018) //通过数据手册查询这个到这个寄存器,通过指针的方式,指向这个地址。 #define GPIOC_CRH *(volatile unsigned int *)(0x40011004) #define GPIOC_ODR *(volatile unsigned int *)(0x4…

Linux - 安装 nacos(详细教程)

目录 一、简介二、安装前准备三、下载与安装四、基本配置五、单机模式 一、简介 官网:https://nacos.io/ GitHub:https://github.com/alibaba/nacos Nacos 是阿里巴巴推出的一个新开源项目,它主要是一个更易于构建云原生应用的动态服务发现…

IT营销师行业市场分析报告

一、行业概述 随着数字化转型的浪潮席卷全球,IT营销师行业作为连接信息技术与市场营销的关键桥梁,近年来呈现出强劲的增长态势。IT营销师凭借其独特的技能组合,即深入理解IT产品和服务的技术特性以及精准把握市场需求,正在为企业…

DVWA-master 存储型xss

什么是存储型xss 存储型xss意味着可以与数据库产生交互的,可以直接存在数据库中 先将DVWA安全等级改为低 先随便写点东西上传 我们发现上传的内容会被显示,怎么显示的呢? 它先是上传到数据库中,然后通过数据库查询语句将内容回显 …

MySQL 篇-深入了解事务四大特性及原理

🔥博客主页: 【小扳_-CSDN博客】 ❤感谢大家点赞👍收藏⭐评论✍ 文章目录 1.0 事务的概述 2.0 事务的特性 2.1 原子性 2.2 一致性 2.3 持久性 2.4 隔离性 2.4.1 脏读问题 2.4.2 不可重复读问题 2.4.3 幻读问题 3.0 事务的四个隔离级别 3.1…

WAAP全站防护

近年来,随着移动互联网的快速发展,诞生了APP、H5、小程序等多种应用形式,更多的企业核心业务、交易平台都越来越依赖这些新型应用程序。与此同时,越来越多的第三方API接口被调用,API业务带来的Web敞口风险和风险管控链…

H5自适应点状球动态背景个人主页源码

源码名称:自适应点状球动态背景个人主页源码 源码介绍:一款H5自适应点状球背景个人主页源码,带有个人联系方式、个人介绍、足迹、会的技能、相册、旗下站点、留言发邮箱功能【仅前端代码需自行配置或修改为其他功能】。可自行修改为你的个人…

gitlab -- 权限说明

用户在项目中的角色: Guest:访客。可以创建issue、发表评论,不能读写版本库。Reporter:Git项目测试人员。可以克隆代码,不能提交。QA、PM可以赋予这个权限。Developer:项目开发人员。可以克隆代码、开发、提交、push。…

python和shell脚本,每隔五分钟将远端服务器中的文件夹数据下载到跳板机

python脚本 import subprocess import datetime import timedef run_scp_command(source_path, target_path):command [scp -r , source_path, target_path]try:subprocess.run(command, checkTrue)print("File transferred successfully!")except subprocess.Call…

LabVIEW电磁阀特性测控系统

LabVIEW电磁阀特性测控系统 电磁阀作为自动化工程中的重要组成部分,其性能直接影响系统的稳定性和可靠性。设计一种基于LabVIEW的电磁阀特性测控系统,通过高精度数据采集和智能化控制技术,实现电磁阀流阻、响应时间及脉冲特性的准确测量和分…

用机床测头为什么能提升加工中心精度?提高生产效率?

制造业的蓬勃发展为企业提出了更高的精度和效率要求。在现代制造业中,机床测头作为一种关键的检测装置,能够实时监控加工过程中的误差,及时调整,保证加工质量的稳定性,提高加工中心的精度,进而提升生产效率…

打开链接跳转的模式

摘要: 今天遇到一个需求:后台小程序的域名下打开微信客服链接的!但是小程序的域名拒绝任何第三方域名,跨域了!为了上线这微信客服的功能,打开新页签,脱离小程序的域名实现微信客服链接的跳转启动…

MISC:杂项

一、文件类型识别 背景&#xff1a;遇到文件没有后缀&#xff0c;不知道文件类型。 方法一、使用Linux中的file命令 原理&#xff1a;file命令会识别文件的文件头&#xff0c;通过文件头识别出文件类型。 命令格式&#xff1a;file <filename> 而文件头则可通过010edito…

Android 录屏操作

Android 录屏操作 本文主要介绍android中如何通过MediaRecorder实现录屏操作的. 1: 申请权限 <uses-permission android:name"android.permission.RECORD_AUDIO" /> <uses-permission android:name"android.permission.WRITE_EXTERNAL_STORAGE"…

二级Java程序题--01基础操作:源码大全(all)

目录 1.基本操作&#xff08;源代码&#xff09;&#xff1a; 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 1.12 1.13 1.14 1.15 1.16 1.17 1.18 1.19 1.20 1.21 1.22 1.23 1.24 1.25 1.26 1.27 1.28 1.29 1.30 1.31 1.32 1.33 1.34 1.…

音转唇项目

1. wav2lip 288 * 288&#xff08;可尝试&#xff09;高分辨率 GitHub - hitlecapital/wav2lip_sam 2. diff2lip(扩散模型) &#xff08;可尝试&#xff09;低分辨率 GitHub - soumik-kanad/diff2lip 3. stylelipsync https://stylelipsync.github.io/ 4. DINet &#xf…

计讯物联水库泄洪监测预警系统,保障水库安全度汛

近日&#xff0c;受台风外围环流影响&#xff0c;多地受到特大暴雨侵袭。因此水库泄洪是势在必行。泄洪作为水库防洪的重要方法之一&#xff0c;水库可通过其库容拦蓄洪水&#xff0c;在水库容量超出或下游需求的时候则开始实行泄洪&#xff0c;达到减免洪水灾害的目的&#xf…

画图实战-Python实现某产品全年销量数据多种样式可视化

画图实战-Python实现某产品全年销量数据多种样式可视化 学习心得Matplotlib说明什么是Matplotlib&#xff1f;Matplotlib特性Matplotlib安装 产品订单量-折线图某产品全年订单量数据数据提取和分析绘制折线图 产品订单&销售额-条形图某产品全年订单&销售额数据绘制条形…

TypeScript(六)条件类型,函数,装饰器

条件类型 TypeScript 中的条件类型是一种高级类型&#xff0c;它使我们根据不同的条件创建更复杂的类型。 TS中的条件类型就是在类型中添加条件分支&#xff0c;以支持更加灵活的泛型 条件类型允许我们根据某个类型的属性是否满足某个条件&#xff0c;来确定最终的类型。 type…

java kotlin混合变成java编译提示找不到符号

有一个项目&#xff0c;kotlin写了一些逻辑代码&#xff0c;我想加一个controller&#xff0c;新增了一个kotlin方法复用了之前的逻辑&#xff0c;写好之后没有重新编译&#xff0c;直接启动进行测试&#xff0c;整体完全正常没有报错&#xff0c;但是在mvn clean,然后再mvn co…