ES6基础----Map的使用

news/2024/10/21 14:35:36/

目录

 Map 是 Es6 新增的数据结构,主要用于存储键值对

1、size 属性返回 Map 的长度  

2、set() 方法用于向 Map 中写入内容  ---键可以用字符串或者用其他数据类型,但是 Object 只能是字符串

3、get() 方法用于得到对应的值

4、delete() 方法删除对应的元素    ---返回布尔值

5、has() 方法判断某个元素是否在 Map 中    --返回布尔值

6、 clear() 清除 Map 中的全部内容   --返回所有值,没值返回undefined

7、 keys() 遍历得到键值

8、 values() 遍历得到值

9、entries() 遍历得到键值对

10、 forEach() 遍历得到 Map 所有值


 Map 是 Es6 新增的数据结构,主要用于存储键值对

// Object 提供 字符串--值

// Map 提供  值--值

 let map = new Map();console.log(map);//Map(0) {size: 0}

1、size 属性返回 Map 的长度  

 console.log(map.size);//0

2、set() 方法用于向 Map 中写入内容  ---键可以用字符串或者用其他数据类型,但是 Object 只能是字符串

//                           键     值console.log(map.set("name","张三"));//Map(1) {'name' => '张三'}console.log(map.set("age",100));//Map(2) {'name' => '张三', 'age' => 100}console.log(map.set("address","昆明"));//Map(3) {'name' => '张三', 'age' => 100, 'address' => '昆明'}console.log(map.set(100,"昆明"));//Map(4) {'name' => '张三', 'age' => 100, 'address' => '昆明', 100 => '昆明'}

3、get() 方法用于得到对应的值

console.log(map.get(100));//昆明console.log(map.get("name"));//张三console.log(map);//Map(4) {'name' => '张三', 'age' => 100, 'address' => '昆明', 100 => '昆明'}


 

4、delete() 方法删除对应的元素    ---返回布尔值

console.log(map.delete(100));//trueconsole.log(map);//Map(3) {'name' => '张三', 'age' => 100, 'address' => '昆明'}

5、has() 方法判断某个元素是否在 Map 中    --返回布尔值

console.log(map.has(100));//falseconsole.log(map.has("name"));//true

6、 clear() 清除 Map 中的全部内容   --返回所有值,没值返回undefined

console.log(map.clear());//undefined   ---打印清除后的值

遍历取值

7、 keys() 遍历得到键值

// console.log(map.keys());//MapIterator {'name', 'age', 'address'}   ---拿到对象的模式的键值for(let i of map.keys()){       //--取单独的值console.log(i);// name  age  address}

8、 values() 遍历得到值

//  console.log(map.values());//MapIterator {'张三', 100, '昆明'}   ---拿到对象的模式的键值for(let i of map.values()){console.log(i); // 张三 100 昆明}


 

9、entries() 遍历得到键值对

//  console.log(map.entries());//MapIterator {'name' => '张三', 'age' => 100, 'address' => '昆明'}   ---拿到对象的模式的键值for(let [i,y] of map.entries()){console.log(i,y);//  name 张三    age 100    address 昆明}


 

10、 forEach() 遍历得到 Map 所有值

//只得到值map.forEach((a)=>{console.log(a);})//得到键和值//                  值-键名map.forEach((a,b)=>{console.log(a,b);})


 


http://www.ppmy.cn/news/1518822.html

相关文章

bat 文件, 简化git 操作

起因: git 操作, 有点繁琐。 windows 系统使用bat文件,来简化操作。见代码注释。 使用: 把下面的代码保存为 gg.bat, 然后输入 gg.bat 就会自动询问一个消息,然后其他都自动化了。 echo off ; 关闭命令的回显&…

交换机自动化巡检(H3C)

目的:通过python实现全自动化交换机巡检(每周五下午五点进行自动化巡检) 1、环境: 系统:windows10 工具:python-3.11.2(自行安装) 工具:PyCharm Community Edition 2022.3.3&…

Git学习(001 git介绍以及安装)

尚硅谷2024最新Git企业实战教程,全方位学习git与gitlab 总时长 5:42:00 共40P 此文章包含第1p-第p4的内容 文章目录 介绍Git介绍GitLab介绍 概述Git安装版本控制工具介绍 介绍 Git介绍 GitLab介绍 相当于中央仓库 概述 Git安装 进入官网(下载当前版本 2.43.0) …

微信小程序背景图无法显示

文章目录 不知道有没有人跟我一样,刚接触微信小程序,在写代码的时候,背景图莫名奇妙不显示。 网上有很多解决方法,比如转 base64 ,网络图片地址等等,但我觉得都太麻烦了,这里直接给出我的解决方…

Github 2024-08-31 Rust开源项目日报 Top10

根据Github Trendings的统计,今日(2024-08-31统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Rust项目10Vue项目1Tauri: 构建小型、快速和安全的桌面应用程序 创建周期:1673 天开发语言:Rust协议类型:Apache License 2.0Star数量:7419…

RabbitMQ练习(Remote procedure call (RPC))

1、RabbitMQ教程 《RabbitMQ Tutorials》https://www.rabbitmq.com/tutorials 2、环境准备 参考:《RabbitMQ练习(Hello World)》。 确保RabbitMQ、Sender、Receiver容器正常安装和启动。 rootk0test1:~# docker run -it --rm --name rab…

认知杂谈41

今天分享 有人说的一段争议性的话 I I 贫富根源在观念 I 你知道不?穷人穷啊,好多时候是因为他们自己还有家里好几代人呢,都陷在一种不对的想法里出不来,还觉得这样挺好,就一直这么过下去了。可富人的那些想法呢&am…

零基础Opencv学习(二)

图像变换 一、边缘检测 1:边缘检测 Canny cv::Mat iamgeCan;cv::Canny(image, iamgeCan, 3, 9, 3);cv::imshow("Canny", iamgeCan); /// 边缘检测高级用法 Canny用法cv::Mat dst, edge, gray;dst.create(image.size(), image.type());/// 图像转灰度图像…