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

相关文章
|
6月前
|
存储 JavaScript 前端开发
JS中return的用法
JS中return的用法
30 0
|
4天前
|
JavaScript 安全 前端开发
js的map函数
js的map函数
7 0
|
4月前
|
JavaScript 前端开发 索引
【面试题】JS中的map的理解及用法
【面试题】JS中的map的理解及用法
|
8月前
|
前端开发 JavaScript
Node.js 工具库 BlueBird 的一些例子:map,each 和 some
Node.js 工具库 BlueBird 的一些例子:map,each 和 some
97 2
|
8月前
|
JavaScript
js 中 Map 和 Set 区别
js 中 Map 和 Set 区别
|
9月前
|
JavaScript 索引
JS map()方法
JS map()方法
|
9月前
|
存储 JavaScript 前端开发
详解——JS map()方法
详解——JS map()方法
152 0
|
9月前
|
JavaScript 前端开发 索引
js中map的使用方法
js中map的使用方法
115 0
|
存储 JavaScript 前端开发
js Map对象的用法
给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Array越长,耗时越长。
|
JavaScript 索引
理解JS中的map的多种用法
map() 方法会返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。该方法按照原始数组元素顺序依次处理元素。其语法如下 参数
230 0