您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

js中的new Map的使用教程

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的使用教程,看完用起来


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进