js中的new Map的使用教程
前言
主要通过三段论讲解:js中的new Map
一、是什么
map数据结构是es6中新出的语法,其本质也是键值对,只是其键不局限于普通对象的字符串
二、常用api
(1)创建map
var mymap = new Map() // 创建空map
var map2 = new Map([[1,2],[true,3]]) // 有初始参数的map
(2)map的方法
map有has,get, delete,set,clear 五种方法,还有个size属性
1.set方法 map添加新键值
var mymap = new Map()
mymap.set('name','童')
2.has方法 map是否有这个键
var mymap = new Map([['name','童'],[true,1]])
mymap.has('name') // true
mymap.has('sb') // false
3.get方法 获取map某个键的值
var mymap = new Map([['name','童'],[true,1]])
mymap.get('name') // 童
mymap.get(true) // 1
4.delete方法 删除map某个元素
var mymap = new Map([['name','童'],[true,1]])
mymap.delete('name')
5.clear方法:清空map
var mymap = new Map([['name','童'],[true,1]])
mymap.clear()
6.size属性 :返回map的成员数量
var mymap = new Map([['name','童'],[true,1]])
mymap.size // 2
三、实战场景
scence(level){
switch (level){
case 101:
return '11' ;
case 102:
return '22' ;
case 103:
return '33' ;
default:
return '666' ;
}
}
VS
scence(level){
const myMap = new Map([
[101,'11'],
[102,'22'],
[103,'33'],
])
return myMap.get(level) || '666' ;
}
总结
js中的new Map的使用教程,看完用起来