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

相关文章
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
208 3
|
JavaScript 前端开发 索引
问js的forEach和map的区别
JavaScript中的`forEach`和`map`都是数组迭代方法。`forEach`遍历数组但不修改原数组,无返回值;它接受回调函数处理元素。`map`则遍历数组并返回新数组,新数组元素为回调函数处理后的结果。两者都接收元素、索引和数组作为回调函数参数。
270 7
|
分布式计算 JavaScript 前端开发
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
470 0
|
存储 JavaScript 前端开发
js中map属性
js中map属性
162 1
|
JavaScript 前端开发
js map和reduce
js map和reduce
|
存储 JavaScript 前端开发
js的map和set |21
js的map和set |21
|
存储 JavaScript 前端开发
js中map属性
js中map属性
278 0
|
JavaScript 前端开发 索引
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
这段代码和说明介绍了JavaScript中数组的一些常用方法。函数接收三个参数:`item`(数组项的值)、`index`(项的位置,可选)和`array`(数组本身,可选)。示例展示了如何使用`filter()`过滤非空项、`forEach()`遍历数组、`map()`处理并返回新数组、`every()`检查所有元素是否满足条件、`some()`检查是否存在满足条件的元素、`find()`获取首个符合条件的元素值以及`findIndex()`获取其索引位置。这些方法都不会修改原数组。
379 0
JS中常用的数组迭代方法(filter,forEach,map,every,some,find,findIndex)
|
JavaScript 前端开发 索引
JS - includes 方法和 map 方法使用方式
这篇文章介绍了JavaScript中数组的`includes`方法和`map`方法的用法,包括它们的语法、参数说明和具体的示例代码。`includes`方法用于判断数组是否包含特定元素,而`map`方法用于对数组中的每个元素执行操作并返回新数组。
522 1
|
JavaScript API
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
js【最佳实践】遍历数组的八种方法(含数组遍历 API 的对比)for,forEach,for of,map,filter,reduce,every,some
427 1

热门文章

最新文章