当前位置:网站首页>7. JS ES6新增语法 new Map详讲,还有一道代码实战案例帮你快上手new Map
7. JS ES6新增语法 new Map详讲,还有一道代码实战案例帮你快上手new Map
2022-07-31 08:39:00 【道长道长IOT】
我愿称new Map为最强
最近刷力扣我才发现,他是真好用,下面我来给大家介绍一下new Map的具体使用
1.new Map其实就是一个键值对的集合,类似于这样
let map = new Map([[key,value],[key,value]])
2.我们先来看new Map的set属性,通过set可以给map新增属性
let map = new Map()
map.set('老6',1)
console.log(map);
//打印结果:Map(1) { '老6' => 1 }
//但是假如我们执行map.set('老6',2),那么之前的map内容会被覆盖,换成新的这个,同时map的size属性不会改变
3.我们来看new Map的size属性,size可以返回map的一个数量
let map = new Map()
map.set('老6',1)
console.log(map.size)
//1
4.我们来看new Map的get属性,get可以读取map中key所对应的value,也就是他的值,如果有,则返回,如果没有,返回一个undefined
let map = new Map()
map.set("老6", '老6很光荣')
map.get('老6')
// 老6很光荣
map.get('老8')
// undefined
5.我们来看new Map的has属性,如果有key,返回true,如果没有返回false
let map = new Map()
map.set("老6", '老6很光荣')
map.has('老6')// true
6.还有删除,清除
let map = new Map()
map.delete(key)
map.clear()
最后,我们来做一道算法题,让大家充分的了解new Map的使用
题目:判断数组是否有重复元素,有返回true,没有返回false
function containsDuplicate(nums) {
、
//定义一个map
let map = new Map()
//使用for of 循环数组
for(const item of nums){
//如果在map中找到了这个item,证明有重复的
if (map.has(item)) {
return true
}
//如果前面没找到,那么就把当前循环的这一项存储进去
map.set(item)
}
};
const nums = [1,2,3,1,3]
containsDuplicate(nums)
边栏推荐
- SSM框架简单介绍
- [Mini Program Project Development--Jingdong Mall] Custom Search Component of uni-app (Part 1)--Component UI
- 02 Truffle TutorialToken 示例
- ONES 入选 CFS 财经峰会「2022数字化创新引领奖」
- 射频电路学习之滤波电路
- Small application project development, jingdong mall 】 【 uni - app custom search component (below) - search history
- skynet中一条消息从取出到处理完整流程(源码刨析)
- 刷题《剑指Offer》day07
- Job hunting product manager [9] How to write a good resume in job hunting season?
- [MySQL exercises] Chapter 4 · Explore operators in MySQL with kiko
猜你喜欢

期刊会议排名、信息检索网站推荐以及IEEE Latex模板下载

期刊投递时的 Late News Submission 是什么

Install the deployment kubernetes KubeSphere management
![[Mini Program Project Development--Jingdong Mall] Custom Search Component of uni-app (Middle)--Search Suggestions](/img/ea/ee1ad50a497478b9d080bb5e4bdfb5.png)
[Mini Program Project Development--Jingdong Mall] Custom Search Component of uni-app (Middle)--Search Suggestions

MySQL 日期时间类型精确到毫秒

一、MySQL主从复制原理

ScheduledExecutorService - 定时周期执行任务

35-Jenkins-共享库应用

如何升级nodejs版本

【问题记录】TypeError: eval() arg 1 must be a string, bytes or code object
随机推荐
How on one machine (Windows) to install two MYSQL database
控制文本保留几行,末尾省略
数组every和some方法的区别?
Which strings will be parsed as null by FastJson?
搭建frp进行内网穿透
剑指offer-解决面试题的思路
vscode输出中文乱码问题
一、MySQL主从复制原理
JSP page对象简介说明
【云原生与5G】微服务加持5G核心网
【插值与拟合】
奉劝那些刚参加工作的学弟学妹们:要想进大厂,这些核心技能是你必须要掌握的!完整学习路线!
35-Jenkins-Shared library application
Flutter Paystack 所有选项实现
PowerCLi 一键批量部署OVA 到esxi 7
TypeError The view function did not return a valid response. The function either returned None 的解决
Golang-based swagger super intimate and super detailed usage guide [there are many pits]
JSP config对象的简介说明
02 Truffle TutorialToken 示例
jupyter notebook初使用