ES6 map集合

最新推荐文章于 2024-08-16 14:43:16 发布

苟盛

最新推荐文章于 2024-08-16 14:43:16 发布

阅读量254

点赞数

分类专栏： ES6/ES7 文章标签： es6 前端 es6/es7

本文链接：https://blog.youkuaiyun.com/function_zzc/article/details/105484523

版权

ES6/ES7 专栏收录该内容

25 篇文章

订阅专栏

map集合

键值对（key value pair）数据集合的特点：键不可重复

map集合专门用于存储多个键值对数据。

在map出现之前，我们使用的是对象的方式来存储键值对，键是属性名，值是属性值。

使用对象存储有以下问题：

键名只能是字符串
获取数据的数量不方便
键名容易跟原型上的名称冲突
如何创建map

new Map(); //创建一个空的map
new Map(iterable); //创建一个具有初始内容的map，初始内容来自于可迭代对象每一次迭代的结果，但是，它要求每一次迭代的结果必须是一个长度为2的数组，数组第一项表示键，数组的第二项表示值

如何进行后续操作

size：只读属性，获取当前map中键的数量
set(键, 值)：设置一个键值对，键和值可以是任何类型
- 如果键不存在，则添加一项
- 如果键已存在，则修改它的值
- 比较键的方式和set相同
get(键): 根据一个键得到对应的值
has(键)：判断某个键是否存在
delete(键)：删除指定的键
clear(): 清空map

和数组互相转换

和set一样

遍历

for-of，每次迭代得到的是一个长度为2的数组
forEach，通过回调函数遍历
- 参数1：每一项的值
- 参数2：每一项的键
- 参数3：map本身

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苟盛

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【ES6系列】详解ES6中的Map

一个写代码的废物

02-25

3592

一、含义和基本用法 Map 类似于对象，都用于存储 key-value 结构的数据。但是，在传统的对象上，只能用字符串或者 symbol 来作为键名。然而，Map 与对象最大的差别就在于它可以各种数据类型作为键名。 Map 是一个构造函数，用于实例化实例。 const m = new Map() const o = {name:"jonas"} m.set(o, 'content') m.get...

ES6的Map集合和类

Mr_115的博客

11-11

362

ES6的Map集合和类

参与评论您还未登录，请先登录后发表或查看评论

ES6之Map详解

热门推荐

Ray997的博客

07-23

1万+

含义和基本用法 JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。如下???? obj={ "value":123, "id":1 } 为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Has

ES6--map集合使用方法

weixin_34117522的博客

01-19

123

2019独角兽企业重金招聘Python工程师标准>>> ...

ES6的map集合

Han_Zhou_Z的博客

01-08

3276

目录一、map集合 1、属性：size 2、基本方法（1）set() （2）get() （3）has() （4）delete() （5）clear() 3、遍历方式（1）keys() （2）values() （3）entries() （4）forEach() 4、转为数组二、weakmap集合 1、WeakMap集合的用途（1）存储DOM元素（2）注册监听事件的listener对象（3）部署私有属性一、map集合 JavaScript的对象（obj.

es6中的Map集合

weixin_46301474的博客

02-28

372

一：什么是Map。 JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 ...

06 ES6中的Map类型

gt8011的博客

07-20

597

ES6 中的Map是一种集合数据结构，与Set类似，但它是用来存储键值对的。Map提供了更灵活的迭代和更广泛的键类型支持，与普通的对象相比，Map的键可以是任何值，包括对象和函数。以下是Map。

ES6 Map结构的应用实例分析

10-16

综上所述，ES6中的Map结构为开发者提供了高效、灵活的方式来处理键值对集合，这不仅增强了JavaScript的数据结构能力，也为实际应用开发中提供了更多的便利和可能。从实例分析中我们可以看到，Map结构的出现给处理...

js代码-es6 map,filter

07-15

`Map` 对象是一种可变的键值对集合，与传统的 `Object` 不同，`Map` 的键可以是任意类型，而不仅仅是字符串。这为存储和检索不同类型的键提供了便利。创建一个 `Map` 很简单： ```javascript let myMap = new Map()...

ES6: Map结构

DZQ1223的博客

06-21

7268

如果 Map 的键是一个简单类型的值（数字、字符串、布尔值），则只要两个值严格相等，Map 将其视为一个键，比如0和-0就是一个键，布尔值true和字符串true则是两个不同的键。这就解决了同名属性碰撞（clash）的问题，我们扩展别人的库的时候，如果使用对象作为键名，就不用担心自己的属性与原作者的属性同名。上面代码的set和get方法，表面是针对同一个键，但实际上这是两个不同的数组实例，内存地址是不一样的，因此get方法无法读取该键，返回undefined。该数组的成员是一个个表示键值对的数组。

ES6 Map详解

weixin_44347684的博客

08-16

1136

Map是 ES6 引入的一种新的集合类型，用于存储键值对。与传统的 JavaScript 对象不同，Map的键可以是任何类型的值（包括对象、函数、原始类型等），并且它保持键值对的插入顺序。

ES6 Map

雾里看花叹朦胧

10-16

875

JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。const data = {}; const element = document.getElementById('myDiv');data[element] = 'metadata'; data['[object HTMLDivElement]'] // "metadata"上面代码

ES6之map

qq_15706743的博客

09-28

640

构造函数方式创建一个Map实例参数是一个数组数组中的每一项也得是一个单独的数组 new Map([[key,value],[key,value]]) 单独数组放的是两个值分别是key和value 在一个对象中它的属性名必须是字符串，如果写的不是字符串默认转为字符串而Map可以让除了字符串数据类型之外的其他数据类型作为属性名但是Map不能放入一个未定义的变量作为属性名属性名不能重复，重...

es6 map()

weixin_46733392的博客

02-24

346

Map 和 Array的对比优势与劣势实例属性和方法： size、set、get、has、delete、clear let map = new Map(); let arr = new Array(); //增： map.set('a',1); arr.push({'a': 1}); //查： map.has('a'); arr.find(item=>item.a); //改： map.set('a',2); arr.forEach(item=>item.a?item.a=2:''); //

ES6中Map

weixin_45618535的博客

10-24

272

注意，持有原始对象引用的映射实际上意味着对象不能被垃圾回收，这可能会导致意外的内存问题。如果希望存储在 map 中的对象具有与原始对象相同的生命周期，请考虑使用。中将其用作分组键，则必须在对象改变时维护原始对象和其表示之间的映射。首先，定义一个包含代表各种食品库存的对象的数组。更改元素的内部结构将反映在原始可迭代对象和返回的 Map 中。因为即使对象被修改，它仍将作为返回的 Map 的键继续工作。的键是有序的，但情况并非总是如此，并且其排序比较复杂的。这是一种非常简洁的访问函数中相关元素的值的方式。

map() （es6）

xuxu_qkz的博客

07-11

960

map() （es6） map()的实例是{key:value}结构，但不同于Object. Map 结构的实例有以下属性和操作方法。（1）size 属性（2）set(key, value) （3）get(key) （4）has(key) （5）delete(key) （6）clear() 遍历方法 keys()：返回键名的遍历器。 values()：返回键值的遍历器。...

es6中的map

my bolg

10-29

1613

含义： Map的提出为了解决js中object（对象=>{key:value}）中键（key）只能是字符串的限制，Map的键（key）可以是各种类型的值（包括对象）都可以当作键（key）,包括es6提出的Set和Map都可以用来生成新的 Map。 const m = new Map(); (1)如果对同一个键多次赋值，后面的值将覆盖前面的值。 (2)如果读取一个未知的键，则返...

ES6的Map结构

weixin_30526593的博客

05-10

JavaScript对象（Object），本质上市键值对的集合（Hash结构），但是key值只能是字符串，如果用一个对象作为key值，将被转化为"[Object,Object]"; Map结构就是为了解决这个问题的，类似于对象，也是键值对的集合，但是它的键可以是各种类型（包括对象）。 Object结构提供了“字符串-值”的对应关系，Map结构提供了“值-值”的对应。 Map结构方法：set设...

es6 -> Map

iamtmoe的博客

07-27

411

Map是一种存储键值对的数据结构，Object对象的键只能是字符串，Map元素的键可以是任意类型任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构都可以当作Map构造函数的参数方法有 set/has/get/delete/keys/values/entries/forEach/.. 属性有 size/.. 只有对同一个对象的引用，Map 结构才将其视...

es6map

最新发布

04-01

### ES6 Map 使用指南 #### 基本概念 `Map` 是一种键值对的数据结构，在 JavaScript 中提供了更强大的功能，相较于传统的 `Object`，它可以接受任意类型的键，并且可以通过内置的方法方便地管理键值对[^4]。 --- #### 主要特性 1. **任意类型的键** 不同于传统对象仅限字符串或符号作为键，`Map` 支持任何类型的键，包括但不限于布尔值、数字、字符串、甚至其他对象。 2. **迭代顺序保持插入顺序** 当通过循环访问 `Map` 的键值对时，会按照它们被插入的顺序返回，这使得它非常适合用于有序集合的操作[^5]。 3. **丰富的 API 方法** - `.set(key, value)`：设置键值对。 - `.get(key)`：获取指定键对应的值。 - `.has(key)`：判断某个键是否存在。 - `.delete(key)`：删除指定键及其对应值。 - `.clear()`：清除所有键值对。 - `.size`：返回当前存储的键值对数量。 --- #### 示例代码以下是几个常见的使用案例： ```javascript // 创建一个新的 Map 对象 const myMap = new Map(); // 设置键值对 myMap.set('name', 'Alice'); myMap.set(1, 'one'); myMap.set(true, 'boolean'); console.log(myMap.size); // 输出 3 // 获取特定键的值 console.log(myMap.get('name')); // 输出 "Alice" console.log(myMap.get(1)); // 输出 "one" // 判断键是否存在 console.log(myMap.has('name')); // 输出 true console.log(myMap.has(false)); // 输出 false // 删除键值对 myMap.delete('name'); console.log(myMap.size); // 输出 2 // 清空整个 Map myMap.clear(); console.log(myMap.size); // 输出 0 ``` --- #### 高级用法：初始化与遍历可以利用数组来批量初始化 `Map`，并通过多种方式对其进行遍历。 ```javascript // 初始化 Map const users = new Map([ ['John', 'Admin'], ['Jane', 'Editor'] ]); // 遍历 Map 键值对 for (const [key, value] of users) { console.log(`${key} 的角色是 ${value}`); } // 或者使用 forEach 方法 users.forEach((role, name) => { console.log(`${name} 的角色是 ${role}`); }); ``` 上述代码展示了如何通过二维数组一次性定义多个键值对，并分别采用 `for...of` 循环和 `forEach` 方法完成遍历操作。 --- #### 性能优势相比于普通的对象字面量 `{}`, `Map` 提供了更高的性能表现特别是在频繁增删改查的情况下。这是因为其内部实现了优化过的哈希表机制。 ---