Objeto de mapa em JavaScript | Explicado
No JavaScript, diferentes estruturas de dados, como matrizes e objetos, são usadas para armazenar as coleções de dados. Em JavaScript, os pares de valor-chave podem ser armazenados nos objetos. O ECMAScript 2015 oferece um novo objeto iterável chamado mapas que fornecem mais flexibilidade por meio de armazenar os elementos como pares de valor-chave.
Esta postagem apresentará uma visão geral detalhada do objeto MAP e será organizada da seguinte maneira:
- O que é um objeto de mapa?
- Como criar um objeto de mapa?
- MAP Métodos de objeto em JavaScript.
- Como excluir elementos do mapa?
- Como obter o valor da chave em um mapa?
- Como obter o número de elementos do mapa?
- Como recuperar as chaves de um objeto de mapa?
O que é um objeto de mapa?
Os pontos listados abaixo o ajudarão a entender o conceito de objeto de mapa:
- É uma coleção de itens/elementos.
- Ele pode segurar/armazenar os pares de valor-chave.
- Ele mantém a ordem de inserção do par de valores-chave.
- As chaves em um objeto de mapa podem ser de qualquer tipo de dados, como números, strings, objetos, etc.
Como criar um objeto de mapa?
Um objeto de mapa pode ser criado usando um novo construtor map () ou o método set (). Vamos entender o funcionamento de cada método um por um.
Como criar um objeto de mapa usando o novo construtor de mapa ()?
No JavaScript, podemos criar um objeto de mapa usando um novo construtor de mapa (). Para fazer isso, temos que passar uma variedade de elementos para o método do novo map ():
| 1 2 3 4 5 6 7 8 | var stdDetails = novo mapa ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); console.log (stddetails); |
Agora, vamos executar o código acima para ver qual será a saída resultante:
É assim que o método do novo map () funciona em javascript.
Como criar um objeto de mapa usando o método set ()?
Outra maneira de criar um objeto de mapa é o método Set () que nos permite adicionar elementos a um mapa.
| 1 2 3 4 5 6 7 | var stdDetails = novo mapa () StdDetails.Conjunto (1, "Alex"), StdDetails.Conjunto (2, "Dean"), StdDetails.Conjunto (3, "Joanes"), StdDetails.Conjunto (4, "John"), StdDetails.Conjunto (5, "Joe"), console.log (stddetails); |
A parte acima dada de código produzirá o resultado abaixo dado:
A saída esclareceu que o objeto de mapa com cinco elementos foi criado com sucesso.
MAP Métodos de objeto em JavaScript
A tabela abaixo do ritmo ilustrará os métodos de mapa e seu trabalho em JavaScript:
| Método | Descrição |
|---|---|
| novo mapa () | É usado para criar um novo objeto de mapa. |
| definir() | O método set () define o valor da chave em um mapa. |
| pegar() | Este método é usado para obter um valor vinculado a uma chave específica no mapa. |
| excluir() | Ele exclui um elemento de mapa associado a alguma chave específica. |
| claro() | Ele exclui/limpa todos os elementos do mapa. |
| para cada() | Ele chama um retorno de chamada para cada par de chave/valor presente no mapa |
| tem() | É usado para verificar se existe uma chave específica no mapa. |
| chaves() | Este método é usado para obter as chaves do mapa. |
| entradas () | Ele retorna um objeto iterador que consiste em um par [chave, valor] presente em um mapa. |
| valores () | Este método retorna um objeto de iterador que contém todos os valores do mapa. |
Depois que o objeto de mapa é criado, você pode usar qualquer um dos métodos acima mencionados para obter várias funcionalidades.
Como excluir elementos do mapa?
No JavaScript, o método de exclusão pode ser usado para remover o elemento de mapa, como mostrado no snippet de código a seguir:
| 1 2 3 4 5 6 7 8 9 | var stdDetails = novo mapa ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); StdDetails.excluir (3); console.log (stddetails); |
Neste exemplo, passamos 3 para o método Delete (), que removerá o elemento do mapa que possui ID 3:
É assim que podemos excluir um elemento de mapa específico, no entanto, no JavaScript, o método clear () pode ser usado para excluir todos os elementos do mapa:
| 1 2 3 4 5 6 7 8 9 | var stdDetails = novo mapa ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); StdDetails.claro(); console.log (stddetails); |
Aqui está a saída para o método clear ():
Como obter o valor de uma chave em um mapa?
No JavaScript, o método get () pode ser usado para obter um valor associado a uma chave no mapa, como mostrado no snippet de código abaixo do rumo:
| 1 2 3 4 5 6 7 8 | var stdDetails = novo mapa ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); console.log (stddetails.obtenha (5)); |
O método get () produzirá a seguinte saída:
Como obter o tamanho/número de elementos do mapa?
Em JavaScript, o objeto MAP possui uma propriedade nomeada que pode ser usada para obter o número de elementos em um mapa.
| 1 2 3 4 5 6 7 8 | var stdDetails = novo mapa ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); console.log (stddetails.tamanho); |
A propriedade de tamanho gerará a seguinte saída:
É assim que você pode obter o tamanho de um mapa.
Como recuperar as chaves de um objeto de mapa?
No JavaScript, o método key () pode ser usado para obter as chaves de um objeto de mapa:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var stdDetails = novo mapa ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); var string = ""; para (var itens de stddetails.chaves()) string + = itens + "\ n"; console.log (string); |
Agora, vamos executar o código acima para ver qual será a saída resultante:
É assim que podemos utilizar qualquer método de objeto map () para obter diferentes funcionalidades.
Conclusão
O objeto de mapa em JavaScript é uma coleção de elementos que podem manter/armazenar os pares de valor-chave. As chaves em um objeto de mapa podem ser de qualquer tipo de dados, como números, strings, objetos, etc. O objeto de mapa mantém a ordem do par de valores-chave. O objeto MAP oferece numerosos métodos que são usados para vários propósitos. Este post explicou o que é exatamente o objeto de mapa e como usar os métodos de objeto de mapa para alcançar diferentes funcionalidades.