Map de JavaScript
- Página anterior Métodos de JS Set
- Página siguiente Métodos de JS Map
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:
- Pasar un array a
new Map()
. - 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] ]);
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);
set()
El método también se puede usar para cambiar el valor existente en Map:
Instancia
fruits.set("apples", 200);
Método get()
get()
Método para obtener el valor de una clave en Map:
Instancia
fruits.get("apples"); // Devuelve 500
Map es un objeto
typeof
Devuelve object:
Instancia
// Devuelve object: typeof fruits;
instanceof Map
Devuelve true:
Instancia
// Devuelve true: fruits instanceof Map;
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.
- Página anterior Métodos de JS Set
- Página siguiente Métodos de JS Map