JavaScript -- Map对象及常用方法介绍(js map())

编辑：rootadmin

JavaScript -- Map对象及常用方法介绍文章目录Map1 Map介绍2 创建一个Map3 常用方法介绍4 将Map转换为数组5 从数组构建Map6 遍历MapMap1 Map介绍Map用来存储键值对结构的数据**（key-value）**Object中存储的数据就可以认为是一种键值对结构Map和Object的主要区别：Object中的属性名只能是字符串或符号，如果传递了一个其他类型的属性名，JS解释器会自动将其转换为字符串Map中任何类型的值都可以成为数据的keyconst obj = { "name":"孙悟空", 'age':18, [Symbol()]:"哈哈", [obj2]:"嘻嘻"}

推荐整理分享JavaScript -- Map对象及常用方法介绍(js map())，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript map set,js中 map,js中的map使用方法,js中的map()方法,filter,js map(),js map()用法,js中的map()方法,filter,js map()用法,内容如对您有帮助，希望把文章链接给更多的朋友！

2 创建一个Mapconst 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的所有的keymap.values() 获取map的所有的value4 将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) JavaScript -- Map对象及常用方法介绍(js map())

方法二：使用解构符

推荐这种方法，写法更简便

const map = new Map()map.set("name", "孙悟空")map.set("age", 18)map.set({}, "呵呵")// 将map转换为数组const arr = [...map]console.log(arr)

5 从数组构建Mapconst map2 = new Map([ ["name", "猪八戒"], ["age", 18], [{}, () => {}],])console.log(map2)

6 遍历Map

方法一：使用for-of

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

const map = new Map()map.set("name", "孙悟空")map.set("age", 18)map.set({}, "呵呵")map.forEach((key, value)=>{ console.log(key, value)})

本文链接地址:https://www.jiuchutong.com/zhishi/298630.html 转载请保留说明！

上一篇：Less预处理——初识Less(预处理数据的方法)

下一篇：在 js 中，reduce() 的详解以及使用方法(js中reduce用法)