Javascript Map.entries( )实例讲解
时间:2022-04-06
本文章向大家介绍Javascript Map.entries( )实例讲解,主要分析其语法、参数、返回值和注意事项,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
什么是JavaScript中的Map?
- Map是JavaScript中的数据结构,它允许存储[键,值]对,其中任何值都可以用作键或值。
- Map集合中的键和值可以是任何类型,并且如果使用集合中已存在的键将值添加到Map集合中,则新值将替换旧值。
- 映射对象中元素的迭代按插入顺序完成,并且“for…”循环为每次迭代返回所有[键,值]对的数组。
JavaScript中对象与Map之间的差异
这两种数据结构在许多方面都是相似的,例如都使用键存储值,允许使用键检索这些值,删除键并验证键是否具有任何值。但是,JavaScript中的对象和Map之间存在相当大的差异,这使得在许多情况下使用Map成为更好,更可取的选择。
- 映射中使用的键可以是任何类型的值,例如函数,对象等,而对象中的键则限于符号和字符串。
- 通过使用size属性可以轻松知道Map的大小,但是在处理对象时,必须手动确定大小。
- 在要求涉及频繁添加和删除[键,值]对的情况下,最好使用Map,因为map是一种迭代数据类型,可以直接进行迭代,而迭代对象需要以特定方式获取其键。
JavaScript中的Map.entries()方法
JavaScript中的Map.entries()方法用于返回一个迭代器对象,该对象包含Map每个元素的所有[键,值]对。它按插入顺序返回映射的所有元素的[键,值]对。
Map.entries()方法不需要传递任何参数,并返回Map的迭代器对象。
应用范围:
每当我们想要使用迭代器对象获取Map每个元素的所有[键,值]对时,都将使用Map.entries()方法。
用法:
mapObj.entries()
Parameters Used:
- It does not require any parameters to be passed.
返回值:
- The Map.entries() method returns the [key, value] pairs of all the elements of a map in the order of their insertion.
下面提供上述函数的示例。
例:
Input:var myMap = new Map(); myMap.set(0, 'geeksforgeeks'); myMap.set(1, 'is an online portal'); myMap.set(2, 'for geeks'); var iterator_obj=myMap.entries(); document.write(iterator_obj.next().value,"<br>"); document.write(iterator_obj.next().value,"<br>"); document.write(iterator_obj.next().value,"<br>"); Output:Array [0, "geeksforgeeks"] Array [1, "is an online portal"] Array [2, "for geeks"]
说明:在此示例中,已使用三个[键,值]对创建了一个映射对象“myMap”,并创建了一个迭代器对象“iterator_obj”方法,该方法使用Map.entries()方法返回以下所有元素的[键,值]对:按插入顺序排列的Map。
代码1:
<script>
// creating a map object
var myMap = new Map();
// Adding [key, value] pair to the map
myMap.set(0, 'geeksforgeeks');
myMap.set(1, 'is an online portal');
myMap.set(2, 'for geeks');
// creating an iterator object using Map.entries() method
var iterator_obj = myMap.entries();
// displaying the [key, value] pairs of all the elements of the map
document.write(iterator_obj.next().value,"</br>");
document.write(iterator_obj.next().value,"</br>");
document.write(iterator_obj.next().value,"</br>");
</script>
输出:
Array [0, "geeksforgeeks"] Array [1, "is an online portal"] Array [2, "for geeks"]
代码2:
<script>
// creating a map object
var myMap = new Map();
// Adding [key, value] pair to the map
myMap.set(0, 'Maps');
myMap.set(1, 'in JavaScript');
// creating an iterator object using Map.entries() method
var iterator_obj = myMap.entries();
// displaying the [key, value] pairs of all the elements of the map
document.write(iterator_obj.next().value,"</br>");
document.write(iterator_obj.next().value,"</br>");
</script>
输出:
Array [0, "Maps"] Array [1, "in JavaScript"]
异常:
- 如果变量不是Map类型,则Map.entries()操作将引发TypeError。
- 如果与映射的[键,值]对相比,使用“iterator_obj.next().value”的次数更多,则Map.entries()函数将为所有这些情况返回undefined。
参考:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/entries
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- WebSocket 初识篇
- (一)MessageQueue之消息入队
- 宇智波程序笔记2-kafka 生产发送消息失败无响应,
- 高并发系统三大利器之缓存
- Nuxt.js框架(SSR)学习笔记
- 也谈状态模式
- BFE.dev前端刷题1 - 实现curry()
- BFE.dev前端刷题2 - 实现curry() 并支持placeholder
- TKE集群日志解决方案之日志采集
- Newbe.Claptrap 框架入门,第三步 —— 定义 Claptrap,管理商品库存
- 以 B 站为例,聊聊站内消息系统的设计
- 微信小程序开发实战(22):上传文件和下载文件
- 语法糖--JAVA成长之路
- 使用 GitHub Action来托管AutoML软件
- Python爬虫实现自动登录、签到功能 附代码