Map()是JavaScript中内置的一种数据结构，它允许您将键值对映射到任意类型的值，主要介绍了JavaScript中内置函数Map()的使用，感兴趣的可以了解一下

JavaScript是一种动态、解释性的编程语言，用于开发web上的动态页面和交互式应用程序。与其他编程语言相比，JavaScript拥有更加灵活的内置数据类型，并且拥有更高级别的调试和错误处理工具。JavaScript的核心特征之一就是其内置的Map()数据结构，本文将详细介绍JavaScript中的Map()。

Map()是JavaScript中内置的一种数据结构，它允许您将键值对映射到任意类型的值。Map()的使用非常简单，您可以通过以下方式创建一个新的Map()实例。

1

const myMap = new Map();

现在，您可以使用set()方法向Map()中添加元素。set()方法接受两个参数：键和值。

1

2

myMap.set("key1", "value1");

myMap.set("key2", "value2");

这里，我们将字符串"key1"和"key2"分别映射到值"value1"和"value2"。

要从Map()中检索值，您可以使用get()方法，该方法接受一个键作为参数。

1

console.log(myMap.get("key1")); //输出："value1"

如果您想要获取Map()中的所有键或所有值，可以使用keys()或values()方法返回一个迭代器。

1

2

console.log([...myMap.keys()]); //输出：["key1", "key2"]

console.log([...myMap.values()]); //输出：["value1", "value2"]

除了基本的添加和检索元素之外，Map()还提供了其他一些强大功能，这些功能在某些情况下非常实用。

可以使用任意类型作为键

与对象不同，Map()可以使用任何类型作为键，包括函数、数组、对象或甚至其他Map()实例。这使得Map()变得非常灵活。

1

2

3

4

5

6

7

8

9

10

const myFunc = () => console.log("Hello World!");

const myArray = [1, 2, 3];

const myObject = {name: "John Doe", age: 30};

const myMap = new Map();

myMap.set(myFunc, "Function value");

myMap.set(myArray, "Array value");

myMap.set(myObject, "Object value");

console.log(myMap.get(myFunc)); //输出："Function value"

console.log(myMap.get(myArray)); //输出："Array value"

console.log(myMap.get(myObject)); //输出："Object value"

Map()提供了一个entries()方法，该方法返回一个迭代器，该迭代器包含Map()中所有元素的键/值对。

1

2

3

4

5

6

7

for (let [key, value] of myMap.entries()) {

  console.log(key, value);

}

//输出：

//myFunc() "Function value"

//[1, 2, 3] "Array value"

//{name: "John Doe", age: 30} "Object value"

Map()提供了一个has()方法，该方法接受一个键并返回一个布尔值，指示该键是否存在于Map()中。

1

2

console.log(myMap.has(myFunc)); //输出：true

console.log(myMap.has("non-existent key")); //输出：false

与set()方法类似，Map()还有一个delete()方法，可用于从Map()中删除指定的键及其关联的值。

1

2

myMap.delete(myFunc);

console.log(myMap.has(myFunc)); //输出：false

Map()对象是可扩展的，并允许您覆盖任何属性或方法以满足您的需要。例如，您可以扩展Map()以包括一个“clear()”方法。

1

2

3

4

5

6

7

8

9

10

class MyMap extends Map {

  clear() {

    console.log("Clearing the map!");

    super.clear();

  }

}

const myMap = new MyMap();

myMap.set("key1", "value1");

myMap.set("key2", "value2");

myMap.clear(); //输出："Clearing the map!"

尽管Map()可能不像其他JavaScript数据结构（例如对象或数组）那样常见，但它在某些情况下非常实用。

Map()很适合用作缓存，因为键/值对的底层数据结构非常快速，并且易于检索和更新。

1

2

3

4

5

6

7

8

9

10

const cache = new Map();

function getSomeData(id) {

  if (cache.has(id)) {

    return cache.get(id);

  } else {

    const data = fetchDataFromServer(id);

    cache.set(id, data);

    return data;

  }

}

Map()使得在循环过程中使用键非常容易，这对于需要遍历多个数组或对象时非常有用。

1

2

3

4

5

6

7

8

9

const myMap = new Map();

myMap.set("key1", "value1");

myMap.set("key2", "value2");

for (let [key, value] of myMap) {

  console.log(key, value);

}

//输出：

//key1 "value1"

//key2 "value2"

使用Map()可以实现快速且可定制的文本翻译。将所有文本放在一个Map()中，然后根据当前语言选择键对应的翻译即可。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

const translations = new Map([

  ["Hello", {

    "en-US": "Hello",

    "zh-CN": "你好",

    "fr-FR": "Bonjour"

  }],

  ["Goodbye", {

    "en-US": "Goodbye",

    "zh-CN": "再见",

    "fr-FR": "Au revoir"

  }]

]);

function translate(text, language) {

  return translations.get(text)[language];

}

console.log(translate("Hello", "zh-CN")); //输出："你好"

Map()是JavaScript中一种快速、灵活的数据结构，支持任意类型的键和可扩展的属性和方法。它在许多情况下都非常实用，包括缓存数据、带键的循环以及文本翻译。如果您需要一个快速而灵活的数据结构来存储和检索键值对，请考虑使用JavaScript中的Map()。

来源：微点阅读  https://www.weidianyuedu.com