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
}
相关文章
|
19天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
23 3
|
1月前
|
JavaScript 前端开发 索引
问js的forEach和map的区别
JavaScript中的`forEach`和`map`都是数组迭代方法。`forEach`遍历数组但不修改原数组,无返回值;它接受回调函数处理元素。`map`则遍历数组并返回新数组,新数组元素为回调函数处理后的结果。两者都接收元素、索引和数组作为回调函数参数。
22 7
|
1月前
|
JavaScript
JS中Null和Undefined的区别及用法
JS中Null和Undefined的区别及用法
15 1
|
2天前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
8 2
|
4天前
|
前端开发 JavaScript 索引
CSS常见用法 以及JS基础语法
CSS常见用法 以及JS基础语法
12 0
|
6天前
|
JavaScript 安全 前端开发
js的map函数
js的map函数
7 0
|
14天前
|
编解码 JavaScript 前端开发
【专栏】介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例
【4月更文挑战第29天】本文介绍了字符串Base64编解码的基本原理和在Java、Python、C++、JavaScript及Go等编程语言中的实现示例。Base64编码将24位二进制数据转换为32位可打印字符,用“=”作填充。文中展示了各语言的编码解码代码,帮助开发者理解并应用于实际项目。
|
20天前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
8 1
|
20天前
|
JavaScript
js Array map映射对象多个属性
js Array map映射对象多个属性
5 0
|
29天前
|
存储 JavaScript 前端开发
JavaScript高级主题:JavaScript 中的 Map 和 Set 是什么?它们有什么区别?
JavaScript的ES6引入了Map和Set数据结构。Map用于存储键值对,适合通过键进行查找,而Set则存储唯一值,无键且不支持键查找。两者在性能上表现出色,尤其在频繁的写入删除操作中。选择使用哪个取决于具体应用场景:键值对需求选Map,独特值集合则选Set。
20 2