一、map的特点

JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。

为了解决这个问题,ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。

let m = new Map();
let myInfo = {name: 'shangyy', age: 18};
console.log(m.set(myInfo,'person')); // Map { { name: 'shangyy', age: 18 } => 'person' }
console.log(m.get(myInfo)); // person
console.log(m.has(myInfo)); // true
console.log(m.size); //
m.delete(myInfo)
console.log(m) // Map {}
let m= new  Map([
['name', 'shangyy' ],
['age', 18],
])
console.log(m) // Map { 'name' => 'shangyy', 'age' => 18 } // 实现原理
let m1 = new Map();
let lists=[
['name', 'shangyy' ],
['age', 18],
];
lists.forEach(([key,value]) => {
m1.set(key,value);
});
console.log(m1); // Map { 'name' => 'shangyy', 'age' => 18 }
let m= new Map();
console.log(m.set(1,'aaa').set(1,'bbb').get(1)); // bbb
console.log(m.set([1],'aaa').get([1])); // undefined
let m = new Map([
[{identity:'master', status: 1}, ()=>{console.log('master-1');}],
[{identity:'master', status: 2}, ()=>{console.log('master-2');}],
[{identity:'gester', status: 1}, ()=>{console.log('gester-1');}],
[{identity:'gester', status: 1}, ()=>{console.log('gester-2');}],
]);
console.log(m);
// Map {
// { identity: 'master', status: 1 } => [Function],
// { identity: 'master', status: 2 } => [Function],
// { identity: 'gester', status: 1 } => [Function],
// { identity: 'gester', status: 1 } => [Function] }
console.log([...m]);
// [ [ { identity: 'master', status: 1 }, [Function] ],
// [ { identity: 'master', status: 2 }, [Function] ],
// [ { identity: 'gester', status: 1 }, [Function] ],
// [ { identity: 'gester', status: 1 }, [Function] ] ]
/*
type: football、basketball
status: 1-开始, 2-进行中 3-结束
*/ const actions=()=>{
return new Map([
['football_1',()=>{console.log('football_1')}],
['football_2',()=>{console.log('football_2')}],
['football_3',()=>{console.log('football_3')}],
['basketball_1',()=>{console.log('basketball_1')}],
['basketball_2',()=>{console.log('basketball_2')}],
['basketball_3',()=>{console.log('basketball_3')}],
]);
}
const onHandleClick=(type, status)=>{
const action = [...actions()].filter(([key,value])=>{
return key === `${type}_${status}`
})
action.forEach(([key,value])=>{
value.call(this);
})
}
onHandleClick('football',2)

六、es6 map的更多相关文章

  1. ES6 & Map & hashMap

    ES6 & Map & hashMap 01 two-sum https://leetcode.com/submissions/detail/141732589/ hashMap ht ...

  2. js es6 map 与 原生对象区别

    区别 object和Map存储的都是键值对组合.但是: object的键的类型是 字符串: map的键的类型是 可以是任意类型: 另外注意,object获取键值使用Object.keys(返回数组): ...

  3. ES6 map与filter

    ES6 map与filter 1.map let arr1 = [1,2,3]; let arr2 = arr1.map((value,key,arr) => { console.log(val ...

  4. ES6 Map to Array

    ES6 Map to Array function differentSymbolsNaive(str) { // write code here. const map = new Map(); co ...

  5. ES6 Map All In One

    ES6 Map All In One Map 字典/地图 Set 集合 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referenc ...

  6. ES6 Map vs ES5 Object

    ES6 Map vs ES5 Object Map vs Object https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referenc ...

  7. es6 & map & set

    es6 & map & set Map & WeakMap https://developer.mozilla.org/en-US/docs/Web/JavaScript/Re ...

  8. ES6 Map/WeakMap

    最近项目用ES6来写,许多语法都要逐步熟悉呀,今天收藏下Map用法 1.Map构造器 // 字符串作为key, 和JS对象类似 var map = new Map() // set map.set(' ...

  9. JavaScript学习笔记(六)——Map、Set与iterable

    在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...

随机推荐

  1. python的shelve模块

    shelve shelve是一额简单的数据存储方案,他只有一个函数就是open(),这个函数接收一个参数就是文件名,并且文件名必须是.bat类型的.然后返回一个shelf对象,你可以用他来存储东西,就 ...

  2. JAVA 多线程环境下的静态方法

    第一: 程序运行的时候,JVM内存主要由以下部分组成: 堆: 所有线程共享一个堆,在 Java 虚拟机中,堆(Heap)是可供各条线程共享的运行时内存区域,也是供所有类实例和数组对象分配内存的区域. ...

  3. node基础—global对象(全局对象)

    global对象的__filename属性和__dirname属性 __filename属性:返回当前执行的文件的文件路径,该路径是经过解析后的绝对路径,在模块中,该路径是模块文件的路径,此属性并非全 ...

  4. MySQL高级知识系列目录

    MySQL高级知识(一)——基础 MySQL高级知识(二)——Join查询 MySQL高级知识(三)——索引 MySQL高级知识(四)——Explain MySQL高级知识(五)——索引分析 MySQ ...

  5. CentOS 7 安装telnet服务

    今天测试zabbix需要用到telnet服务,查询到Centos7下下载安装telnet服务的方法,特此整理记录! 一.通过yum下载安装telnet yum -y install xinetd te ...

  6. maven 经常使用命令

    版权声明:本文为博主原创文章,未经博主同意不得转载. 安金龙 的博客. https://blog.csdn.net/smile0198/article/details/25567541 刚開始用.记录 ...

  7. Linux systemctl命令笔记

    指令格式 systemctl [command] [unit] 常用指令 1.启动 $ systemctl start 2.停止 $ systemctl stop 3.重启 $ systemctl r ...

  8. ubantu下装Docker

    Docker 要求 Ubuntu 系统的内核版本高于 3.10 ,查看本页面的前提条件来验证你的 Ubuntu 版本是否支持 Docker. 通过 uname -r 命令查看你当前的内核版本 unam ...

  9. mysql概述

    MySql大致分为三层结构: 第一层:客户端并非MySql所独有,例如:连接处理.授权认证.安全等功能均在这一层处理 第二层:核心服务包括查询解析.分析.优化.缓存.内置函数(比如 : 时间.数学.加 ...

  10. 面试笔记--HashMap扩容机制

    转载请注明出处 http://www.cnblogs.com/yanzige/p/8392142.html 扩容必须满足两个条件: 1. 存放新值的时候当前已有元素的个数必须大于等于阈值 2. 存放新 ...