六、es6 map
一、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的更多相关文章
- ES6 & Map & hashMap
ES6 & Map & hashMap 01 two-sum https://leetcode.com/submissions/detail/141732589/ hashMap ht ...
- js es6 map 与 原生对象区别
区别 object和Map存储的都是键值对组合.但是: object的键的类型是 字符串: map的键的类型是 可以是任意类型: 另外注意,object获取键值使用Object.keys(返回数组): ...
- ES6 map与filter
ES6 map与filter 1.map let arr1 = [1,2,3]; let arr2 = arr1.map((value,key,arr) => { console.log(val ...
- ES6 Map to Array
ES6 Map to Array function differentSymbolsNaive(str) { // write code here. const map = new Map(); co ...
- ES6 Map All In One
ES6 Map All In One Map 字典/地图 Set 集合 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referenc ...
- ES6 Map vs ES5 Object
ES6 Map vs ES5 Object Map vs Object https://developer.mozilla.org/en-US/docs/Web/JavaScript/Referenc ...
- es6 & map & set
es6 & map & set Map & WeakMap https://developer.mozilla.org/en-US/docs/Web/JavaScript/Re ...
- ES6 Map/WeakMap
最近项目用ES6来写,许多语法都要逐步熟悉呀,今天收藏下Map用法 1.Map构造器 // 字符串作为key, 和JS对象类似 var map = new Map() // set map.set(' ...
- JavaScript学习笔记(六)——Map、Set与iterable
在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...
随机推荐
- 设计模式のChainOfResponsibilityPattern(责任链模式)----行为模式
一.产生背景 职责链模式是一种行为模式,为解除请求的发送者和接收者之间的耦合,而使多个对象都有机会处理这个请求.将这些对象连接成一条链,并沿着这条链传递该请求,直到有一个对象处理它.避免请求发送者与接 ...
- .net core 2.1 Razor 超快速入门
以下过程如有不明白的,可参考:https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/razor-pages/?view=aspnetcore-2 ...
- 09 python初学 (字符串)
# 重复输出字符串 print('hello' * 2) # >>>hellohello # 字符串切片操作,最重要的!!!! print('hello'[2:]) # >&g ...
- Python+Pycharm—学习—pip
1.pip是干什么的? 2.pip怎么安装? 3.pip怎么用?
- TextField
TextFiled 是一个输入Widget,属性如下: this.controller,//这个是传输数据用的this.focusNode,this.decoration = const InputD ...
- Feature Extractor[Inception v4]
0. 背景 随着何凯明等人提出的ResNet v1,google这边坐不住了,他们基于inception v3的基础上,引入了残差结构,提出了inception-resnet-v1和inception ...
- C++模板参数类型(转载)
实际上有三种类型模板参数:类型模板参数.无类型模板参数和模板模板参数(以模板作为模板的参数). .类型模板参数 类型模板参数是我们使用模板的主要目的.我们可以定义多个类型模板参数: template& ...
- IDEA的Maxcomputer Studio开发
一.安装 在IDEA中File > Settings > Plugins中Browse repositories搜索安装即可:MaxCompute Studio 二.开发UDF.UDAF. ...
- UVA10838 The Pawn Chess
UVA好题没人写系列,感觉可以稍稍练习一下面向对象编程的形式(大雾) 题意很简单,在国际象棋的棋盘中有一些兵,走到对方底线即为胜利,问最优决策下谁能获胜.并输出最小步数. 首先这里的棋盘都只有\(4\ ...
- java 基础 异常
抛出异常 和 捕获异常案列 //异常方法的重写