js javascript map函数去重功能的使用实例 先上一个实战例子代码 var map = new Map(); for(var i=0; i<=9; i++){ map.set(i,i); } //遍历出去重后的元素值 map.forEach((value, key, self) => { 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

大自然，飘然的风，QQ群: python技术交流群：453879716，人工智能深度学习群：251088643
golang技术交流群：316397059，vuejs技术交流群：458915921 渗透技术：534096581，囤币一族：621258209，有兴趣的可以加入
微信公众号： 心禅道（xinchandao）