当前位置:网站首页>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整合案例分析(详解)
Ubuntu安装Mysql5.7
MySQL安装教程
【MySQL功法】第5话 · SQL单表查询
[MySQL exercises] Chapter 2 Basic operations of databases and data tables
基于golang的swagger超贴心、超详细使用指南【有很多坑】
高并发-高可用-高性能
How on one machine (Windows) to install two MYSQL database
How to Install MySQL on Linux
【云原生与5G】微服务加持5G核心网
0730~Mysql optimization
JSP page对象简介说明
【RISC-V】risc-v架构学习笔记(架构初学)
[MySQL exercises] Chapter 5 · SQL single table query
刷题《剑指Offer》day07
2019 NeurIPS | Graph Convolutional Policy Network for Goal-Directed Molecular Graph Generation
[MySQL exercises] Chapter 4 · Explore operators in MySQL with kiko
MySQL安装常见报错处理大全
文件的逻辑结构与物理结构的对比与区别
【Unity】编辑器扩展-03-拓展Inspector视图