ES6的Map(),一种新的数据结构

最新推荐文章于 2026-03-25 02:43:45 发布
原创 最新推荐文章于 2026-03-25 02:43:45 发布 · 406 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
es6

当前文章被收录于：

es6
7 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了ES6中新增的Map数据结构，对比了ES5的map()方法，并详细讲解了如何使用Map进行键值对的设置、获取、检查、删除及清空等操作。

  • es5里面也有map(),但是它是一种遍历方法

如下图，将arr的每一个元素都加上'es',生成一个新的数组


以前直接用forEach来代替他的功能了 

  • es6中的Map(),是一种新的数据结构
  • 结构:const map=new Map([[键值队1],[键值对2],[键值对3]...);
  • 键值对里面要包括键(key),值(value);各种类型的值都可以当作键,包括对象

图中searData就是一个对象,也是一个键,他的键值是content

作为一种新的数据结构,有几个特殊的方法

const map = new Map();
    map.set(searData, 'content');//设置键值对

    map.get(searData); //content//获取键的键名

map.size//1获取键值的长度

map.has(searData);//true 判断有没有这个键值对

map.delete(searData);//删除该键值对

map.clear();//清空该键值对


标签
#es6
手把手教你为STM32设备生成自定义MAC地址（基于芯片ID的5种算法对比）
weixin_29170327的博客
03-02 472
本文详细介绍了基于STM32芯片ID生成自定义MAC地址的5种算法，包括直接截取、异或折叠、CRC32哈希、自定义混合运算及SHA-256摘要。通过对比分析各算法的计算复杂度、唯一性及适用场景，帮助嵌入式开发者根据项目规模与资源，选择最合适的方案，确保设备MAC地址的唯一性与合规性。
SpringBoot+Vue实现图片上传
叶♥璃
09-19 2701
SpringBoot+Vue实现图片上传
es6 map提取数组对象
想名字想老半天的博客
07-07 2496
map使用方法
招行收款通SM2加密解密全流程解析：PHP开发者必看
最新发布
weixin_30632089的博客
03-25 622
本文详细解析了招商银行收款通服务中SM2加密解密的完整流程，特别针对PHP开发者提供了从密钥管理到签名验签的实战指南。涵盖国密算法基础、PHP环境配置、密钥安全存储及生产环境优化方案，帮助开发者快速实现高安全性的支付系统集成。
ES6新增数据结构：Set和Map
qq_58638270的博客
03-11 1367
ES6之前的数据集合主要是数组和对象，ES6补充的新数据结构Set、WeakSet、Map、WeakMap。
es6通过Map对象对数组去重
qq_40052237的博客
02-19 2245
关于js数组去重的方法有很多，我以前居然用的是嵌套两层for循环来加一层if来判断数组里面的重复数据，当我了解了es的方法之后，才发现我的方法是有多蠢（笑哭）。 首先关于数组去重我们先简单介绍一下es6新增的一个Map对象。 Map对象 Map是一组键值对的结构，具有极快的查找速度，我们通过键名就可以快速找到值。 Map对象的常用方法 const res=new Map() //通过set方法来设置键值对存储数据 res.set("a",1) res.set("a",2)//这样子会覆盖上面的值
ES6 数组的一些常用API
qq_37550440的博客
08-22 1178
every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。 // const isBelowThreshold = (currentValue) => currentValue < 40; // const array1 = [1, 30, 39, 29, 10, 13]; // console.log(array1.every(isBelowThreshold)); // true 数组中的值都小于 40 some() 方法测试数组中是不是至少有1..
ES6常用的数组对象操作
u014651093的专栏
01-28 1553
1. forEach forEach方法中的function回调支持3个参数，第1个是遍历的数组内容；第2个是对应的数组索引，第3个是数组本身。 var sum = 0; [1, 2, 3, 4].forEach(function (item, index, array) { console.log(array[index] == item); // true sum += item; }); alert(sum); // 10 2. map [].map(); let expand.
【ES6】Map的用法
luobifeiyeshi0的博客
04-24 1584
在ES6中，Map是一种新的数据结构，它可以用来存储键值对，并且键可以是任何类型，而不仅仅是字符串类型。
ES6之Map数据结构
BradenHan的专栏
05-22 2105
TOC/TOCES6（ECMAScript 2015）引入了两种新的数据结构：Set和Map，它们为JavaScript开发者提供了更强大的数据处理能力。
ES6 Set和Map数据结构用法详解
cx18333的博客
11-17 1447
随着 ES6（ECMAScript 2015）的发布，JS 引入了两种新的数据结构——Set 和 Map，它们为开发者提供了更加强大和灵活的数据存储与管理方式。本文详细介绍了 Set 和 Map 的特性、用法及其实战应用。Set 是一种集合，确保每个元素都是唯一的，非常适合用来去除数组中的重复项。Map 则是一种键值对的集合，支持任意类型的键，并且保留了插入顺序，使得数据的存储和检索更加直观和高效。通过丰富的示例，本文将展示如何创建、添加、删除、遍历这些数据结构，以及如何进行集合运算和类型转换
ES6入门——Set和Map数据结构
Dragon.G
07-03 1万+
SetES6提供了新的数据结构Set。类似于数组，只不过其成员值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。 var s = new Set();// 通过add方法向Set结构中加入成员 [2, 3, 5, 4, 5, 2, 2].map(x => s.add(x))for (i of s) { console.log(i) } // 2 3 4 5 （表明s
【ES6】JS的Set和Map数据结构
十一月廿七风雨大作
01-15 7873
【ES6】JS的Set和Map数据结构一、Set1、基本用法2、4种操作方法3、4种遍历方法4、Set的应用1）Set转化为数组2）去除数组的重复元素3）实现并集(Union)、交集(Intersect)、差集(Difference)二、Map1、基本用法2、操作方法3、4种遍历方法 引言：Java、C++早就有了Map、泛型等概念。ES6正式归纳了Set和Map数据结构。 一、Set 1、基...
ES6的Map用法详解
wfly blog
09-26 5533
为什么需要Map JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。 const data = {}; const element = document.getElementById('myDiv'); data[element] = 'metadata'; data['[object HTML...
ES6--Map数据结构
赵佳敏的博客
12-06 2159
ES6--Map数据结构一、Map的基本用法创建map结构二、Maps 和 Objects 的区别三、实例的属性和操作方法1. size 属性2. Map.prototype.set(key, value)3. Map.prototype.get(key)4. Map.prototype.has(key)5. Map.prototype.delete(key)6. Map.prototype.clear()四、 map集合的遍历方法1. Map.prototype.keys()：返回键名的遍历器。2. M.
ES6中的Map用法
高先生的猫
05-26 8771
帮大家了解ES6中的map： Map 是 ES6 中新增的数据结构，Map 类似于对象，但普通对象的 key 必须是字符串或者数字，而 Map 的 key 可以是任何数据类型... Map 的用法和普通对象基本一致，先看一下它能用非字符串或者数字作为 key 的特性。 const map = new Map(); const obj = {p: 'Hello World'}; map.set(obj, 'OK') map.get(obj) // "OK" map.has(obj) // true m
ES6 入门—ES6 Map 与 Set
weixin_44009656的博客
05-29 1502
本文主要讲解了 Set 以及 Map 数据结构，对他们实例方法、遍历、以及类型转换等知识点。
(精华)2020年7月3日 JavaScript高级篇 ES6(Map数据结构)
热门推荐
愚公智库
07-03 56万+
Map是什么 // map??? // es6 新提出的一种引用类型的数据结构 类似于对象 // 字符创-》值 值-》值 声明Map数据结构 const map = new Map() const o = {p:'hello'} // 相当于键 key map.set(o,'content') // var a = {} a.name = '张三' a.name console.log(map.get(o)); 证明是引用数据类型 // null typeof null const map = n
ES6 一种新的数据结构--Map跟Objct的区别
qq_29069777的博客
10-08 180
var map1=new Map(); var keys={key:'val'}; map1.set(keys,'content'); ==> {Object {key: "val"} => "co...
详解ES6新增的Map数据结构
俗人
09-28 1764
1.Map 含义 JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。 为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。
ES6的Set和Map数据结构，由你制造
大灰狼的小绵羊哥哥的博客
03-25 1476
你造吗 每当去学习ES6的时候，我都会不由自主的打开阮一峰老师的《ES6入门》去学习和查找用法，相信大多数同学也都和我一样看过阮老师写的文章。 当然大家也都知道ES6里常用的API就那么些，不多不少，用在项目中也是刚刚好。 不过在每次读到Set和Map数据结构那一章的时候，总是有点不知所措，因为我不明白实现这样的数据结构，目的是什么，意义又是什么呢 Set和Map主要的应用场景在于数组去重...
ES6 Map数据结构
黎小小的博客
10-17 798
ES6 提供的另一种新的引用类型的数据结构 它类似于对象，也是键值对的集合，但是，各种类型的值（包括对象）都可以当作键）以前引用类型中的。
ES6中的数据结构Map
lixiaosenlin的专栏
10-18 2015
前言 小伙伴们大家好，前面我们已经学习了es6中的Set和WeakSet两种数据结构，今天将给大家分享es6为我们提供的另一种数据结构Map。 大家都知道在JavaScript的对象（Object）中，只能用字符串类型作为对象的key，即使我们在写的时候用了其它类型的key，那么Object也会自动把它转换为字符串类型。但有时候由于业务需要，我们想用一些其它类型来作为对象的key，比如说dom对象，这个时候Object显然已经无法满足我们的需求了，因为dom对象最终会被转换为字符串类型[object HT
聊天IM，精仿微信，支持单聊、群聊、朋友圈、摇一摇、附近的人、收藏、扫码、机器人、文字、图片、名片、实时音视频通话等功能
聊天IM，精仿微信，支持单聊、群聊、朋友圈、摇一摇、附近的人、收藏、扫码、机器人、文字、图片、名片、实时音视频通话等功能
大麦网抢票脚本 Python源码
大麦抢票脚本。可以增加选座购买，暂时只支持抢购指定价格下的座位，且暂不支持连坐购买。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值