感受Map键值对

花样很多

let map = new Map()
map.set('name', 'dust')
map.set(function () {}, 'hello')
map.set({}, 'hi')
map.set(1, 'www.baidu.com')
console.log(map)

运行结果：

也可以一次性添加多个值

let map2 = new Map([['name', 'dust'],[function () {}, 'hello'],
])
console.log(map2)

运行结果：

Map里的增删改查

查找某一项
注意这里是引用对象，在某些情况下是查不出来的。

console.log(map.get('number'))

判断是否有map.has()

console.log(map.has('number')) //true

清空

map.clear()console.log(map) //Map(0) {}

Map遍历的几种方式

遍历keys:map.keys()

for (const key of map.keys()) {console.log(key)
}

遍历values:map.values()

for (const value of map.values()) {console.log(value)
}

遍历全部内容

for (const [key, value] of map.entries()) {console.log(key, value)
}

forEach遍历

注意这里和上面的是反过来的，这里是(value, key)

map.forEach((value, key) => {console.log(value, key)
})

Map的展开

可以用于类型转换

let map = new Map([['name', 'dust'],[function () {}, 'hello'],[{}, 'hi'],['number', 99],
])
console.log(...map.entries())

运行结果：

[ 'name', 'dust' ] [ [Function (anonymous)], 'hello' ] [ {}, 'hi' ] [ 'number', 99 ]

执行以下代码：

let a = [...map]
console.log(a)

运行结果：

此时你就可以类型转换了。

[JavaScript] Map类型在JavaScript中的使用相关推荐

[JavaScript] Set类型在JavaScript中的使用
初识Set 在Set里,不能有重复的值. let set = new Set() set.add(1) set.add(1) console.log(set) 运行结果: 修改一下 let set = ...
php中常见的错误类型有,JavaScript编程中会出现的错误类型有哪些？错误类型介绍...
JavaScript编程中会出现的错误类型有哪些?本篇文章就给大家介绍在JavaScript编程中出现的几种常见的错误类型.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助.[相关视频教 ...
四个Webix实例：生成多种类型的JavaScript列表
在这篇文章中,我们将介绍如何创建使用各种类型列表显示数据的Web组件.具体而言,我们采用的是Webix UI库.要理解Webix UI的工作机制,我们将会创建一个简单的小组件,以列表形式显示JSON数 ...
javascript基本类型及类型转换
每种语言都有自己的基本类型,javascript也不例外.在javascript中有五大基本类型,分别是number,string,boolean,null,undefined.其他不属于这五种基本类 ...
JavaScript的类型、值和变量
计算机程序的运行需要对值进行操作,在编程语言中,能够表示并操作的值得类型称为数据类型.变量用来将值存储起来,变量是值得符号名称. 一.数据类型 JavaScript的数据类型可以分为两类,原生类型和对 ...
现在JavaScript日期–如何在JavaScript中获取当前日期
Many applications you build will have some sort of a date component, whether it's the creation date ...
详解JavaScript变量类型判断及domReady原理写得很好
原文:详解JavaScript变量类型判断及domReady原理我们知道,在开发JavaScript时候,经常要判断JavaScript变量类型,此 JavaScript教程详细介绍JS变量的判断 ...
javascript基础系列：javascript中的变量和数据类型（一）
javascript基础系列:javascript中的变量和数据类型(一) 今天开始去重新系统温习一遍js基础,并作下记录 javascript是由三部分组成: ECMASCRIPT(ES): 描述了 ...
JavaScript的类型自动转换高级玩法JSFuck
0 前言最开始是不小心在微信公众号(程序员大咖)看到一篇JS的高逼格代码,然后通过里面的链接跳转到了JSFuck的wiki,就像顺着迷宫找宝藏的感觉,感叹JS的自动类型转换的牛逼. 1 样例 (!( ...

[JavaScript] Map类型在JavaScript中的使用

感受Map键值对

Map里的增删改查

Map遍历的几种方式

Map的展开

[JavaScript] Map类型在JavaScript中的使用相关推荐

最新文章

热门文章