Como os métodos de mapa funcionam no JavaScript | Explicado com exemplos

No JavaScript, o MAP é um cluster que consiste em alguns elementos na forma de pares de valor-chave, enquanto um objeto de mapa é um objeto iterável que armazena esses pares e pode ser usado para exibir os pares de valor-chave na mesma ordem que eles foram armazenados.

Existem vários métodos de objeto de mapa disponíveis no JavaScript que são usados ​​para tarefas como criar um novo mapa, definir ou exibir valores em um mapa, etc. Aqui neste artigo, explicamos todos os métodos de objeto de mapa JavaScript para você.

novo mapa ()

O método do novo map () como o nome sugere é usado para criar um novo objeto de mapa.

Sintaxe

mapa = novo mapa (["chave", valor]);

Exemplo

Neste exemplo, demonstramos o funcionamento do novo mapa ().

const map1 = new map ();
MAP1.set ('a', 100);
MAP1.set ('B', 200);
MAP1.set ('c', 300);
console.log (map1.arranje um"));

Conforme indicado no código, estamos criando um novo mapa pelo nome “MAP1”. Além disso, estamos atribuindo certos pares de valor-chave ao mapa recém-criado usando o método set () e, por fim, estamos exibindo o valor armazenado na chave 'a' usando o método get ().

Saída

Um novo mapa foi criado com sucesso.

definir()

Para o objetivo de adicionar ou alterar valores a um mapa existente, o método do objeto set () é usado.

Sintaxe

mapa.set ("key", valor);

Exemplo

Suponha que você queira alterar um certo valor em um mapa existente. Use o seguinte código.

const map1 = novo mapa ([
["Coffee", 100],
["Sugar", 200],
["Milk", 300]
]);
MAP1.set ("café", 150);
console.log (map1.obtenha ("café"));

No código acima, é criado um mapa que possui certas chaves e valores armazenados nele. Estamos usando o método set () para alterar o valor da primeira chave no mapa existente.

Saída

O valor da chave "café" foi alterado para "150".

pegar()

Para obter/buscar o valor de uma chave em um mapa, o método get () é usado.

Sintaxe

mapa.obtenha ("chave");

Exemplo

Vamos exibir o valor de uma certa chave em um mapa existente.

const map1 = novo mapa ([
["Coffee", 100],
["Sugar", 200],
["Milk", 300]
]);
console.log (map1.Traz leite"));

Aqui, criamos um mapa pela primeira vez e, usando o método get (), estamos exibindo o valor da chave "leite".

Saída

O valor da chave "leite" foi exibido com sucesso.

tamanho

Com o objetivo de conhecer os elementos numéricos que estão presentes em um mapa, a propriedade de tamanho é usada.

Sintaxe

mapa.tamanho;

Exemplo

Suponha que você queira exibir o número de elementos presentes no mapa. Siga o código fornecido.

const map1 = novo mapa ([
["A", 1],
["B", 2],
["C", 3]
]);
console.log (map1.tamanho);

No código acima, estamos criando um mapa e exibindo seu tamanho usando a propriedade de tamanho.

Saída

Os elementos presentes no mapa são 3.

excluir()

Para fins de excluir um certo elemento de um mapa, o método delete () é usado.

Sintaxe

mapa.excluir ("chave");

Exemplo

Suponha que você queira excluir um elemento específico de um mapa:

const map1 = novo mapa ([
["Coffee", 1],
["Açúcar", 2],
["Milk", 3]
]);
MAP1.excluir ("açúcar");
console.log (map1.tamanho);

No código JavaScript acima, estamos excluindo o elemento "açúcar" do mapa e exibindo o número restante de elementos usando a propriedade de tamanho.

Saída

Depois de excluir o elemento "açúcar", o número restante de elementos é 2.

claro()

O método clear () é usado para remover todos os elementos de um mapa.

Sintaxe

mapa.claro();

Exemplo

Suponha que você queira limpar todos os pares de valor-chave de um mapa e exibir o tamanho do mapa após a limpeza de todos os valores. Use o código abaixo.

const map1 = novo mapa ([
["A", 1],
["B", 2],
["C", 3]
]);
MAP1.claro();
console.log (map1.tamanho);

No código acima, criamos um determinado mapa e depois usamos o método clear () para remover todos os seus elementos e exibimos o tamanho do mapa usando a propriedade Size.

Saída

Todos os elementos do MAP1 foram removidos.

tem()

O método has () exibe verdadeiro se uma chave especificada estiver presente em um mapa e falsa se não.

Sintaxe

mapa.tem ("chave");

Exemplo

Para avaliar que uma certa chave está presente em um mapa ou não, use o seguinte código.

const map1 = novo mapa ([
["Coffee", 500],
["Açúcar", 300],
["Milk", 200]
]);
console.log (map1.tem ("banana");

No código acima, criamos um mapa e damos certos pares de valor-chave. Usando o método has (), vamos verificar se existe alguma chave presente no mapa pelo nome "banana".

Saída

O método has () exibido false, pois não existe essa chave presente no mapa.

para cada()

Com o objetivo de executar uma função para cada um dos elementos presentes em um mapa, o método foreach () é usado.

Sintaxe

mapa.foreach ((função (valor, chave);

Exemplo

Suponha que você queira exibir todos os pares de valores-chave presentes em um mapa e, por isso, você deseja executar uma função para cada um desses pares usando o método foreach ().

const map1 = novo mapa ([
["Coffee", 150],
["Açúcar", 250],
["Milk", 350]
]);
deixe txt = "";
MAP1.foreach (função (valor, chave)
txt + = chave + '=' + valor + ","
)
console.log (txt);

No código acima, estamos executando uma função para cada pares de valor-chave presente em um mapa. Esta função exibirá cada um desses pares.

Saída

Cada um dos pares de valores-chave presentes no mapa foram exibidos.

chaves()

Com o objetivo de exibir todas as teclas em um mapa, o método Keys () é usado.

Sintaxe

mapa.chaves();

Exemplo

Este exemplo demonstra o funcionamento do método Keys ().

const map1 = novo mapa ([
["Coffee", 150],
["Açúcar", 250],
["Milk", 350]
]);
console.log (map1.chaves());

Neste código, estamos usando o método key () para colocar cada chave presente no mapa.

Saída

Cada chave no mapa foi exibida com sucesso.

valores ()

Com o objetivo de exibir todos os valores em um mapa, o método valores () é usado.

Sintaxe

mapa.valores ();

Exemplo

Este exemplo demonstra o funcionamento do método valores ().

const map1 = novo mapa ([
["Coffee", 150],
["Açúcar", 250],
["Milk", 350]
]);
console.log (map1.valores ());

Estamos usando o método value () para exibir cada valor presente no mapa.

Saída

Todos os valores no mapa foram exibidos.

entradas ()

Para exibir todas as teclas e valores presentes em um mapa, o método de entradas () é usado.

Sintaxe

mapa.entradas ();

Exemplo

Siga o exemplo abaixo para entender o funcionamento do método de entradas ().

const map1 = novo mapa ([
["Coffee", 150],
["Açúcar", 250],
["Milk", 350]
]);
console.log (map1.entradas ());

Aqui estamos usando o método de entradas () para exibir todos os pares de valor-chave presentes em um mapa.

Saída

O método de entradas () está funcionando corretamente.

Conclusão

Existem vários métodos de objeto de mapa JavaScript que permitem criar um novo mapa, definir ou exibir valores em um mapa, etc. Esses métodos são definidos (), get (), delete (), clear (), tem (), foreach (), keys (), valores () e entradas (). Todos esses métodos servem a um propósito diferente, que é explicado em detalhes, juntamente com o exemplo relevante.