Map do JavaScript
- Página Anterior Métodos do Set JS
- Próxima Página Métodos do Map JS
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:
- Passar um array para
new Map()
. - 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], ]
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);
set()
O método também pode ser usado para alterar o valor existente no Map:
Instância
fruits.set("apples", 200);
Método get()
get()
Método para obter o valor de uma chave no Map:
Instância
fruits.get("apples"); // Retornar 500
Map é um objeto
typeof
Retornar object:
Instância
// Retornar object: typeof fruits;
instanceof Map
Retornar true:
Instância
// Retornar true: fruits instanceof Map;
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.
- Página Anterior Métodos do Set JS
- Próxima Página Métodos do Map JS