javascrpt map 遍历

原创

mob64ca12f3f05d 2024-07-22 05:29:40 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12f3f05d的原创作品，请联系作者获取转载授权，否则将追究法律责任

JavaScript中的Map数据结构及其遍历

JavaScript是一种广泛使用的编程语言，它提供了许多内置的数据结构，以方便开发者进行数据存储和操作。在这些数据结构中，Map是一种非常有用的集合类型，它允许你存储键值对的集合，其中键和值可以是任何类型。本文将介绍JavaScript中的Map数据结构及其遍历方法，并提供一些代码示例。

Map数据结构简介

Map是一种集合类型，它存储键值对的集合，其中键是唯一的。Map提供了一些有用的方法，如set、get、has、delete和clear等，这些方法使得对Map的操作变得简单和直观。

Map的基本操作

以下是一些Map的基本操作的代码示例：

// 创建一个Map对象
let map = new Map();

// 添加键值对
map.set('key1', 'value1');
map.set('key2', 'value2');

// 获取值
console.log(map.get('key1')); // 输出：value1

// 检查键是否存在
console.log(map.has('key2')); // 输出：true

// 删除键值对
map.delete('key1');

// 清空Map
map.clear();

Map的遍历

Map提供了几种遍历方法，如forEach、for...of和entries等。这些方法允许你遍历Map中的键值对。

使用forEach遍历Map

forEach方法允许你为Map中的每个键值对执行一个函数。以下是使用forEach遍历Map的代码示例：

let map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
]);

map.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

使用for...of遍历Map

for...of循环可以遍历Map的迭代器，返回键值对的数组。以下是使用for...of遍历Map的代码示例：

let map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
]);

for (let [key, value] of map) {
  console.log(`${key}: ${value}`);
}

使用entries遍历Map

entries方法返回一个迭代器，该迭代器包含Map中的键值对数组。以下是使用entries遍历Map的代码示例：

let map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2']
]);

for (let [key, value] of map.entries()) {
  console.log(`${key}: ${value}`);
}

Map与其他数据结构的关系

Map与其他数据结构如Object和Set等有相似之处，但也有不同之处。以下是Map与其他数据结构的关系图：

erDiagram
  MAP ||--o| KEY
  MAP ||--o| VALUE
  MAP {
    int size
    set key value
    get key
    has key
    delete key
    clear
  }
  OBJECT ||--| MAP
  SET ||--| MAP

Map的类图

以下是Map的类图，展示了Map的属性和方法：

classDiagram
  MAP "1" -- "0..*" KEY
  MAP "1" -- "0..*" VALUE

  class MAP {
    -int size
    +set key value
    +get key
    +has key
    +delete key
    +clear()
  }

  class KEY {
  }

  class VALUE {
  }