javascript怎么读取map的值

JavaScript可以通过下标获取map值。Map对象保存键/值对,是键/值对的集合,任何值(对象或者原始值) 都可以作为一个键或一个值。Object结构提供了“字符串—值”的对应,Map结构提供了“值—值”的对应。

javascript怎么读取map的值

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

Map对象保存键/值对,是键/值对的集合。任何值(对象或者原始值) 都可以作为一个键或一个值。Object结构提供了“字符串—值”的对应,Map结构提供了“值—值”的对应。

JavaScript获取map值示例:

map对象如下:var mapObject = {id1001: '小明',id1002: '小花'}

登录后复制

获取id是‘id001’对应的值:

立即学习“Java免费学习笔记(深入)”;

for(var key in mapObject){var value = mapObject[ key ]; //注意是 [ ]alert(value); //依次弹出小明、小花}

登录后复制

Object 和 Map 对象的对比:

相似点: 都允许你按键存取一个值、删除键、检测一个键是否绑定了值。

不同点:

1. 一个对象的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值,包括函数、对象、基本类型。

2.Map 中的键值是有序的,而添加到对象中的键则不是。因此,当对它进行遍历时,Map对象是按插入的顺序返回键值。

3. 通过 size 属性直接获取一个 Map 的键值对个数,而 Object 的键值对个数只能手动计算。

4. Map 是可迭代的,而 Object 的迭代需要先获取它的键数组然后再进行迭代。

5. Object 都有自己的原型,所以原型链上的键名有可能和对象上的键名产生冲突。虽然 ES5 开始可以用 map = Object.create(null) 来创建一个没有原型的对象,但是这种用法不太常见。

6. Map 在频繁增删键值对的场景下会有些性能优势。

【推荐学习:javascript高级教程】

以上就是javascript怎么读取map的值的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2709948.html

(0)
上一篇 2025年3月7日 20:47:32
下一篇 2025年2月23日 10:55:11

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS实现点击目录名变换颜色的效果实例

    很喜欢一些特效,更喜欢一些企业站的导航点击效果,但是无论自己怎么使用点击效果都是不怎么理想,于是跟这个效果杠上了,最后通过学习js相关的变幻效果,最后实现了企业站导航栏点击目录名变换颜色的效果实例,下面来分享我的操作代码: 首先我先将我的最…

    2025年3月7日
    200
  • javascript如何去除特定字符

    javascript去除特定字符的方法是:1、使用replace函数替换,语法“元素.replace(‘需要去除的字符串’, ”)”;2、使用字符串分割函数再聚合。 本教程操作环境:windows7系统、…

    2025年3月7日
    200
  • javascript字符串如何转为布尔值

    js中可以使用Boolean()将字符串转换成布尔值,语法格式为“Boolean(要转换成布尔值的值);”。如果省略参数,或者设置为0、-0、null、””、false、undefined或NaN,则该对象返回fal…

    2025年3月7日
    200
  • javascript如何设置全局变量

    javascript设置全局变量的方法为:1、在js的function外定义变量;2、不使用var,直接给定义变量,隐式的声明了全局变量;3、使用“window.变量名”定义为全局变量。 本教程操作环境:windows7系统、javascr…

    2025年3月7日
    200
  • javascript转换成整数方法有哪些?

    javascript转换成整数方法有:1、使用parseInt()方法,语法格式“parseInt(字符串,要解析的数字的基数)”;2、使用Math.trunc()方法,语法格式为“Math.trunc(数值)”。 本教程操作环境:wind…

    2025年3月7日
    200
  • jsp调用javascript方法是什么

    方法:1、使用“οnclick=”function()””的方法,直接指定要使用哪个js函数;2、引入js文件,然后给标签加入id,class即可(使用标签也行 但是要保证该页面只有一个此标签哦或者指定某一个标签,匹…

    2025年3月7日 编程技术
    200
  • javascript如何自动关闭窗口

    方法:1、使用setTimeout()方法关闭,语法“setTimeout(“clock();”,1000);”;2、窗口没有提示自动关闭,语法“this.window.opener=null; window.clo…

    2025年3月7日
    200
  • javascript如何添加事件和删除事件

    js添加移除事件的方法:1、使用addEventListener()方法添加事件,用于向指定元素添加事件句柄;2、使用removeEventListener()方法删除事件,用于移除由addEventListener()方法添加的事件句柄。…

    2025年3月7日
    200
  • 如何实现javascript延时加载

    实现方法:1、使用setTimeout方法,语法“setTimeout(‘js方法’,延迟时间);”;2、引入外部js脚本文件时,放入body中,则会按照页面从上倒下的加载顺序来运行JavaScript的代码。 本教…

    2025年3月7日
    200
  • 简析如何用js实现简单轮播

    设计思路:利用js当中的定时器实现图片轮播的效果,将所有图片放入img文件夹下,我当时是存放了三张照片。然后将三张照片分别放入三个div,每一个div显示和隐藏都是靠定时器进行控制,左下角有三个数字的div代表这是第几张图片,一共有三张图片…

    编程技术 2025年3月7日
    200

发表回复

登录后才能评论