Map de JavaScript

Map es una colección de pares clave-valor, donde la clave puede ser de cualquier tipo de datos.

Map recuerda el orden original de inserción de las claves.

Cómo crear Map

Se puede crear JavaScript Map de la siguiente manera:

  1. Pasar un array a new Map().
  2. Crea un Map y usa Map.set().

método new Map()

Se puede pasar un array a new Map() El constructor se usa para crear Map:

Instancia

// Crea un Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

Prueba por ti mismo

método set()

Se puede usar set() Método para agregar elementos a Map:

Instancia

// Crea un Map
const fruits = new Map();
// Establece el valor de Map
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Prueba por ti mismo

set() El método también se puede usar para cambiar el valor existente en Map:

Instancia

fruits.set("apples", 200);

Prueba por ti mismo

Método get()

get() Método para obtener el valor de una clave en Map:

Instancia

fruits.get("apples");    // Devuelve 500

Prueba por ti mismo

Map es un objeto

typeof Devuelve object:

Instancia

// Devuelve object:
typeof fruits;

Prueba por ti mismo

instanceof Map Devuelve true:

Instancia

// Devuelve true:
fruits instanceof Map;

Prueba por ti mismo

La diferencia entre objetos JavaScript y Map

A continuación se muestra la diferencia entre objetos JavaScript y Map:

objeto Map
No se puede iterar directamente Se puede iterar directamente
No tiene la propiedad size Tiene la propiedad size
Las claves deben ser cadenas o Symbol Las claves pueden ser de cualquier tipo de datos
El orden de las claves no está claro Las claves se ordenan por orden de inserción
Hay clave predeterminada No hay clave predeterminada

Manual de referencia completo de Map

Para obtener información completa, visite nuestra:Manual de Map JavaScript.

Este manual contiene descripciones e instancias de todas las propiedades y métodos de Map.

Compatibilidad del navegador

Map es Características de ES6(JavaScript 2015).

Desde junio de 2017, todos los navegadores modernos admiten ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
Mayo de 2016 Abril de 2017 Junio de 2017 Septiembre de 2016 Junio de 2016

Internet Explorer no admite Map.