前沿
搞开发就要不断的学习，不仅要不断学习，还要习惯做笔记，这样就会对一个知识点理解的更透彻，不过要是能够在项目中多多运用，那就理解的更透彻了。今天就来总结下es6新增的map的用法
step 一， map的特性
- 1，键值对可以是对象
key:value
let testMap = new Map();
let abjkey = {
keys:"123"
};
testMap.set(abjkey,'hello,map');
console.log(testMap);
console.log(testMap.get(abjkey)); //hello,map
- 2，map 可以接受数组作为参数，数组成员还是一个数组，其中有俩元素，一个表示
key一个表示value
const testMap2 = new Map([
['testName', 'jack'],
['testAge', 13]
])
console.log(testMap2.get('testName')) //jack
console.log(testMap2.get('age')) //13
- 3，map 可以接受对象作为参数不过value需要自己设定
const testMap2 = new Map();
let testSet = {
name: 'lasan',
age: '21112'
}
testMap2.set(testSet,123456);
console.log(testMap2.get(testSet)); //123456
step 二， 如何操作map，也就是map有那些方法
- 1, size 获取map的大小 也就是length
const testMap3 = new Map();
testMap3.set('test1', 1);
testMap3.set('test12', 2);
testMap3.set('test13', 3);
console.log(testMap3.size) //3
- 2, set 前边一直在写set，也就是设置键值对，包括
undefined,function
const testMap3 = new Map();
testMap3.set('test1', 1); //键是字符串
testMap3.set(22222, 66666); //键是数值
testMap3.set(undefined, 3333); //键是 undefined
const fun = function() { console.log('hello'); }
testMap3.set(fun, 'fun') // 键是 function
console.log(testMap3.get(undefined)) //66666
console.log(testMap3.get(fun)) //3333
set还可以进行链式调用
testMap3.set().set().set()
- 3, 上边所说是设置map,现在来说一下获取map的值 -----
get
const testMap3 = new Map();
testMap3.set('test1', 1);
console.log(testMap3.get(test1)) //1
- 4, 判断map内指定的键是否存在------
has是通过boolean判断的，存在就是true反之
const testMap3 = new Map();
testMap3.set('test1', 1);
console.log(testMap3.has(test1)) //true
- 5，删除键值对 -----
delete
const testMap3 = new Map();
testMap3.set('test1', 1);
testMap3.delete('test1');
console.log(testMap3.has(test1)) //false
- 6, 删除所有键值对 -----
clear
testMap3.clear();
- 7,遍历
keys(),遍历所有的键
const testMap3 = new Map();
testMap3.set('test1', 1); //键是字符串
testMap3.set(22222, 66666); //键是数值
testMap3.set(undefined, 3333); //键是 undefined
const fun = function() { console.log('hello'); }
testMap3.set(fun, 'fun') // 键是 function
for (let item of testMap3.keys()) {
console.log(item); //test1,22222,undefined,fun
}
- 8 ,遍历
values(),遍历所有的值
for (let item of testMap3.values()) {
console.log(item); //1,66666
}
- 9 ,遍历
entries(),遍历所有的键值对
for (let item of testMap3.entries()) {
console.log(item); //得到所有键值对
结果
["test1", 1]
[22222, 66666]
[undefined, 3333]
[ƒ, "fun"]
}
for (let [key, value] of testMap3.entries()) {
console.log(key, value);
}
//前边是key后边是value
test1 1
22222 66666
undefined 3333
ƒ fun() {
console.log('hello');
} "fun"
总结
目前小编了解的这么多，还是需要多多学习啊
