js:Map的基本用法示例-阿里云开发者社区

开发者社区> 开发者小助手-bz> 正文

js:Map的基本用法示例

简介: js:Map的基本用法示例
+关注继续查看

实例属性和操作方法

Map.prototype.size 成员总数
Map.prototype.set(key, value) 设置键名key对应的键值为value
Map.prototype.get(key) 读取key对应的键值
Map.prototype.has(key) 成员检查
Map.prototype.delete(key) 删除某个键
Map.prototype.clear() 清除所有成员

Map.prototype.keys():键名的遍历器。
Map.prototype.values():键值的遍历器。
Map.prototype.entries():所有成员的遍历器。
Map.prototype.forEach():遍历 Map 的所有成员。

基本使用示例

const map = new Map();

// 设置
map.set('name', 'Tom');
console.log(map); // Map(1) {'name' => 'Tom'}

// 元素个数
console.log(map.size); // 1

// 检查
console.log(map.has('name')); // true

// 获取
console.log(map.get('name')); // Tom
console.log(map.get('age')); // undefined

// 删除
map.delete('name');
console.log(map); // Map(0) {}

// 清除所有成员
map.clear();

遍历

const map = new Map([
  ['name', 'Tom'],
  ['age', 23],
]);

for (let key of map.keys()) {
  console.log(key); // name age
}

for (let value of map.values()) {
  console.log(value); // Tom 23
}

for (let item of map.entries()) {
  console.log(item); // ['name', 'Tom'] ['age', 23]
}

for (let [key, value] of map.entries()) {
  console.log(key, value); // name Tom, age 23
}

// 等价于 map.entries()
for (let [key, value] of map) {
  console.log(key, value); // name Tom, age 23
}

参考

https://wangdoc.com/es6/set-map.html#map

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
6 0
学习vue3之路day1
学习vue3之路day1
18 0
学习vue3之路day2
学习vue3之路day2
6 0
xshell+阿里云linux+vue+mysql开发练习
这篇文章记录了我在阿里云进行Linux基础学习的过程,以及根据阿里云进行一些简单的开发实践。
9 0
jquery获取多个相同name的input的value值
jquery获取多个相同name的input的value值
10 0
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
5 0
Nginx-基本概念和使用
Nginx-基本概念和使用
11 0
飞天加速计划·高校学生在家实践
我用阿里云服务器的一些心得
18 0
学习vue3之路day3
学习vue3之路day3
6 0
1569
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载