Map do JavaScript

Map é uma coleção de pares chave-valor, onde a chave pode ser qualquer tipo de dados.

Map lembrará a ordem original de inserção das chaves.

Como criar Map

Pode criar o JavaScript Map da seguinte maneira:

  1. Passar um array para new Map().
  2. Criar um Map e usar Map.set().

método new Map()

Pode passar um array para new Map() Construtor para criar Map:

Instância

// Criar um Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  
]

Experimente pessoalmente

método set()

Pode usar set() Método para adicionar elementos ao Map:

Instância

// Criar um Map
const fruits = new Map();
// Definir valor do Map
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Experimente pessoalmente

set() O método também pode ser usado para alterar o valor existente no Map:

Instância

fruits.set("apples", 200);

Experimente pessoalmente

Método get()

get() Método para obter o valor de uma chave no Map:

Instância

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

Experimente pessoalmente

Map é um objeto

typeof Retornar object:

Instância

// Retornar object:
typeof fruits;

Experimente pessoalmente

instanceof Map Retornar true:

Instância

// Retornar true:
fruits instanceof Map;

Experimente pessoalmente

Diferença entre objeto JavaScript e Map

Aqui está a diferença entre objeto JavaScript e Map:

Objeto Map
Não pode ser iterado diretamente Pode ser iterado diretamente
Não possui a propriedade size Possui a propriedade size
As chaves devem ser strings ou Symbol As chaves podem ser de qualquer tipo de dados
A ordem das chaves não é clara Chaves são ordenadas pela ordem de inserção
Com chave padrão Sem chave padrão

Manual Completo do Map

Para referência completa, acesse nossa:Manual de JavaScript Map.

Este manual contém descrições e exemplos de todas as propriedades e métodos do Map.

Suporte do Navegador

Map é Características do ES6(JavaScript 2015).

A partir de junho de 2017, todos os navegadores modernos suportam ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
Maio de 2016 Abril de 2017 Junho de 2017 Setembro de 2016 Junho de 2016

O Internet Explorer não suporta Map.