Map
1 Map介绍
- Map用来存储键值对结构的数据**（key-value）**
- Object中存储的数据就可以认为是一种键值对结构
- Map和Object的主要区别：
- Object中的属性名只能是字符串或符号，如果传递了一个其他类型的属性名，JS解释器会自动将其转换为字符串
- Map中任何类型的值都可以成为数据的key
const obj = {
"name":"孙悟空",
'age':18,
[Symbol()]:"哈哈",
[obj2]:"嘻嘻"
}
2 创建一个Map
const map = new Map()
map.set("name", "孙悟空")
map.set(obj2, "呵呵")
map.set(NaN, "哈哈哈")
map.delete(NaN)
// map.clear()
console.log(map)
console.log(map.get("name"))
console.log(map.has("name"))
3 常用方法介绍
-
map.size()获取map中键值对的数量 -
map.set(key, value)向map中添加键值对 -
map.get(key)根据key获取值 -
map.delete(key)删除指定数据 -
map.has(key)检查map中是否包含指定键 -
map.clear()删除全部的键值对 -
map.keys()获取map的所有的key -
map.values()获取map的所有的value
4 将Map转换为数组
方法一：使用方法Array.from(map)
const map = new Map()
map.set("name", "孙悟空")
map.set("age", 18)
map.set({}, "呵呵")
// 将map转换为数组
const arr = Array.from(map) // [["name","孙悟空"],["age",18]]
const arr = [...map]
console.log(arr)
方法二：使用解构符
推荐这种方法，写法更简便
const map = new Map()
map.set("name", "孙悟空")
map.set("age", 18)
map.set({}, "呵呵")
// 将map转换为数组
const arr = [...map]
console.log(arr)
5 从数组构建Map
const map2 = new Map([
["name", "猪八戒"],
["age", 18],
[{}, () => {}],
])
console.log(map2)
6 遍历Map
方法一：使用for-of文章来源：https://www.toymoban.com/news/detail-495697.html
const map = new Map()
map.set("name", "孙悟空")
map.set("age", 18)
map.set({}, "呵呵")
for (const [key, value] of map) {
// const [key, value] = entry
console.log(key, value)
}
方法二：使用forEach文章来源地址https://www.toymoban.com/news/detail-495697.html
const map = new Map()
map.set("name", "孙悟空")
map.set("age", 18)
map.set({}, "呵呵")
map.forEach((key, value)=>{
console.log(key, value)
})
到了这里，关于JavaScript -- Map对象及常用方法介绍的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
