ES6中Map集合

Map集合是一个新的数据结构,它可以存储键值对,并且可以使用任何类型的值作为键,包括对象、数组和函数。Map也是一种可迭代的结构,可以使用for...of循环遍历。

在ES6中,我们可以使用Map构造函数来创建一个Map集合:

javascript 复制代码
const myMap = new Map();

我们还可以在创建Map时传入一个数组,数组中包含的元素也是键值对:

javascript 复制代码
const myMap = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
  ['key3', 'value3']
]);

Map集合有以下几个常用的方法:

  • set(key, value):向Map中添加一个键值对。
  • get(key):根据键获取Map中的值。
  • has(key):判断Map中是否存在指定的键。
  • delete(key):删除Map中指定的键值对。
  • clear():删除Map中所有的键值对。
  • size:获取Map中键值对的数量。

举个例子:

javascript 复制代码
const myMap = new Map();

myMap.set('name', 'Tom');
myMap.set('age', 20);
myMap.set('gender', 'male');

console.log(myMap.get('name')); // Tom

console.log(myMap.has('gender')); // true

myMap.delete('age');

console.log(myMap.size); // 2

myMap.clear();
console.log(myMap.size); // 0

需要注意的是,Map中的键是严格相等的,这意味着如果我们使用对象作为键,只有当使用同一个对象时才能获取到相应的值。

相关推荐
最逗前端小白鼠9 分钟前
vue3 数据响应式遇到的问题
前端·vue.js
朝阳58129 分钟前
rust 交叉编译指南
开发语言·后端·rust
倚栏听风雨33 分钟前
ts中 ?? 和 || 区别
前端
冴羽38 分钟前
请愿书:Node.js 核心代码不应该包含 AI 代码!
前端·javascript·node.js
我家猫叫佩奇39 分钟前
一款灵感源自《集合啦!动物森友会》的 UI 组件库
前端
mmmmm1234242 分钟前
深入 DOM 查询底层:HTMLCollection 动态原理与 querySelectorAll 静态快照解析
前端·javascript
淸湫1 小时前
前端JavaScript:数据类型、实例对象 、内置对象、构造函数之间的关系
javascript
weixin199701080161 小时前
《TikTok 商品详情页前端性能优化实战》
前端·性能优化
闲坐含香咀翠1 小时前
告别二次登录!Web端检测并唤起Electron客户端实战
前端·客户端
岁月宁静1 小时前
都知道AI大模型能生成文本内容,那你知道大模型是怎样生成文本的吗?
前端·vue.js·人工智能