JavaScript /react 中new Map的用法

最新推荐文章于 2024-04-22 11:43:14 发布

Z_Wonderful

最新推荐文章于 2024-04-22 11:43:14 发布

阅读量875

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Utils 工具库 JavaScript React 文章标签： javascript react.js 前端

本文链接：https://blog.youkuaiyun.com/Z_Wonderful/article/details/136716890

React 同时被 3 个专栏收录

55 篇文章

订阅专栏

Utils 工具库

38 篇文章

订阅专栏

JavaScript

23 篇文章

订阅专栏

本文详细介绍了ES6中Map对象的特性，包括size属性、set方法、get和has方法、delete操作、clear方法，以及Array.from用于转换为二维数组的特性，展示了Map对象在处理键值对数据时的实用功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

new Map()

size属性:

size属性返回Map结构的成员总数。

set(key, value)：

set方法设置key所对应的键值，然后返回整个Map结构。如果key已经有值，则键值会被更新，否则就新生成该键。

// 常用写法
var obj = new Map()
obj.set("age", 12)        // 键是字符串
obj.set(0, "standard")     // 键是数值
obj.set(undefined, "nah")     // 键是undefined

//set方法返回的是Map本身，也可以采用链式写法。
var map = new Map()
.set(1, 'a')
.set(2, 'b')
.set(3, 'c');

get(key)

get方法读取key对应的键值，如果找不到key，返回undefined。

has(key)

has方法返回一个布尔值，表示某个键是否在Map数据结构中。

delete(key)

delete方法删除某个键，返回true。如果删除失败，返回false。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.has('hello')  // true
obj.delete('hello')
obj.has('hello')  // false

clear()

lear方法清除所有成员，没有返回值。

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.size // 1
obj.clear()
obj.size // 0

Array.from执行map对象后返回一个二维数组

.values()

获取Map的value值

var obj = new Map()
obj.set("hello", 'Hello')
obj.set("h", 'ES6')
Array.from(obj.values()) //['Hello','ES6']

.keys()

获取Map的key值

var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.set("h", 'ES6')
Array.from(obj.keys()) //["hello","h"]