map数据结构

news/2024/7/10 23:40:18 标签: javascript, 前端, es6

看下面的面试题
在这里插入图片描述

我们不能自定义数组里面的key
map数据结构就解决了这一问题,map可以自定义数组的key

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

set

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
m.set([function(){return "12"}],[function(){return "15"}])
console.log(m.get("age"));
console.log(m);
</script>

在这里插入图片描述

get

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
console.log(m.get("age"));
console.log(m);
</script>

在这里插入图片描述

delete

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
m.delete('age')
console.log(m);
</script>

在这里插入图片描述

clear

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
m.clear()
console.log(m);
</script>

在这里插入图片描述

forEach

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
m.forEach(function(value,key,map){
    console.log(value+'-----'+key+'-----'+map);
})
console.log(m);
</script>

在这里插入图片描述

for of

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
for(key of m){
    console.log(key);
}
console.log(m);
</script>

在这里插入图片描述

has

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
console.log(m.has("age"));
console.log(m.has("a"));
console.log(m);
</script>

在这里插入图片描述

size

javascript"><script>
const m=new Map([
    ["name","aa"],
    ["age",'18'],
    ["name:a","age:b"]
])
console.log(m.size);
console.log(m.length);
</script>

在这里插入图片描述


http://www.niftyadmin.cn/n/1371662.html

相关文章

js高级 事件轮询

一个简单代码的工作流程

Object.defineProperty理解

数据劫持&#xff0c;指的是在访问或者修改对象的某个属性时&#xff0c;通过一段代码拦截这个行为&#xff0c;进行额外的操作或者修改返回结果。 vue使用的数据劫持用的是Object.defineProperty enumerable 当且仅当该属性的 enumerable 键值为 true 时&#xff0c;该属性…

函数,构造函数中使用call,apply,bind 以及他们的区别

函数中使用 bind function eat(food,name){this.foodfoodthis.callcall } function weather(food,name,what){console.log("今天的天气是"what);console.log("我喜欢吃"food);console.log("我是"name) } weather.bind(eat,"肉",&quo…

伪数组 伪数组怎样使用数组里面的方法

伪数组 伪数组它的类型不是Array&#xff0c;而是Object&#xff0c;而数组类型是Array。可以使用的length属性查看长度&#xff0c;也可以使用[index]获取某个元素&#xff0c;但是不能使用数组的其他方法&#xff0c;也不能改变长度&#xff0c;遍历使用for in方法。 伪数组…

关于TCP传输协议(面向连接篇)

关于TCP传输协议&#xff08;面向连接篇&#xff09; “ 此篇文章主要是想简单介绍一下TCP协议&#xff0c;大部分内容都是结合自己的理解&#xff0c;尽量用通俗的语言描述问题” - 我理解的面向连接 在最开始学的时候我也不太能理解面向连接怎么理解&#xff0c;难是真的有一…

关于TCP传输协议(协议头详解篇)

关于TCP传输协议&#xff08;协议头详解篇&#xff09; 在进行网络通信时&#xff0c;如果传输层选择的是TCP协议&#xff0c;那么你接下来每次进行网络通信时&#xff0c;都会在你的数据上包装一个TCP协议头&#xff0c;来控制你数据的可靠性以及网络传输性能问题&#xff0c;…

发布订阅模式 以及和观察者模式的区别

代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, initia…

Linux系统之信号及处理流程(图详解)

关于Linux系统&#xff08;信号篇&#xff09; 引言&#xff1a;信号机制是一种使用信号来进行进程之间传递消息的方法&#xff0c;信号的全称为软中断信号&#xff0c;简称软中断。信号的本质是软件层次上对中断的一种模拟&#xff08;软中断&#xff09;。它是一种异步通信的…