js中的new Map的使用教程

文章目录

• js中的new Map的使用教程
• 前言
• 一、是什么
• 二、常用api
• 三、实战场景
• 总结

前言

主要通过三段论讲解：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的使用教程,看完用起来

标签：map,name,Map,js,mymap,new,true
来源： https://blog.csdn.net/weixin_45439379/article/details/123637755