JavaScript /react 中new Map的用法

复制代码
new Map()

size属性:

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

set(key, value)

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

javascript 复制代码
// 常用写法
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。

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

clear()

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

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

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

.values()

获取Map的value值

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

.keys()

获取Map的key值

javascript 复制代码
var obj = new Map()
obj.set("hello", 'Hello ES6!')
obj.set("h", 'ES6')
Array.from(obj.keys()) //["hello","h"]
相关推荐
程序员鱼皮22 分钟前
刚刚 Java 25 炸裂发布!让 Java 再次伟大
java·javascript·计算机·程序员·编程·开发·代码
w_y_fan32 分钟前
Flutter 滚动组件总结
前端·flutter
wuli金居哇34 分钟前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort36 分钟前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手39 分钟前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码39 分钟前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js
艾小码40 分钟前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js
骑自行车的码农41 分钟前
【React用到的一些算法】游标和栈
算法·react.js
南雨北斗41 分钟前
VS Code 中手动和直接运行TS代码
前端
小高00743 分钟前
🔍说说对React的理解?有哪些特性?
前端·javascript·react.js