js javascript map函数去重功能的使用实例

js javascript map函数去重功能的使用实例

先上一个实战例子代码

var map = new Map();
for(var i=0; i<=9; i++){
    map.set(i,i);
}
for(var i=5; i<=12; i++){
    map.set(i,i);
}
var str = "";
//遍历出去重后的元素值
map.forEach((value, key, self) => {
        str = str + " " + value;
 });
//显示到页面
$("#showdata").html(str);

 

Map
Map是一组键值对的结构，具有极快的查找速度。

创建
方法一: 创建的时候初始化

let mapObj = new Map([
['a', 1],
['b', 2],
['c', 3]
])
console.log(mapObj.size) // 3
方法二: 创建空Map，之后添加元素

let mapObj = new Map()
mapObj.set('a', 1)
mapObj.set('b', 2)
mapObj.set('c', 3)
console.log(mapObj.size) // 3
注意: Map对象的长度不是length，而是size

基础操作
Map对象的创建、添加元素、删除元素...

mapObj.set('a', 1) // 添加元素
mapObj.delete('d') // 删除指定元素
mapObj.has('a') // true
mapObj.get('a') // 1

遍历
使用上面创建的Map进行操作

forEach
同数组的forEach遍历，三个参数分别代表: value、key、map本身

mapObj.forEach((e, index, self) => {
console.log(index, ' => ', e)
})
打印出:

a => 1
b => 2
c => 3
for-of
for (const e of mapObj) {
console.log(e)
}
打印出:

["a", 1]
["b", 2]
["c", 3]
注意: for-of遍历出来的是一个数组，其中e[0]为key，e[1]为value