The latest articles on DEV Community by André Bianchi (@nikumu). https://dev.to/nikumu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2200380%2F57a73134-b150-49c1-be62-e468d450c19d.jpeg https://dev.to/nikumu en André Bianchi Wed, 30 Oct 2024 21:01:25 +0000 https://dev.to/nikumu/introducao-ao-map-em-javascript-3h06 https://dev.to/nikumu/introducao-ao-map-em-javascript-3h06 <p><strong>Map</strong> em JavaScript é uma estrutura de dados que armazena pares de chave-valor, assim como objetos. Porém, enquanto objetos limitam as chaves a strings ou símbolos, Map permite que as chaves sejam de qualquer tipo, incluindo números, objetos, ou até mesmo funções. Essa característica proporciona mais flexibilidade e controle ao manipular dados.</p> <p>Aqui está um exemplo básico de como criar um Map, adicionar valores, e acessá-los:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnxxeoe7uc3a505h3eqo5.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnxxeoe7uc3a505h3eqo5.png" alt="Map Example 1" width="800" height="660"></a></p> <p>No exemplo acima, usamos <strong>.set()</strong> para adicionar pares de chave-valor e <strong>.get()</strong> para recuperar o valor de uma chave específica.</p> <p>Além disso, podemos verificar se uma chave existe em um Map usando o método <strong>.has()</strong>, e também podemos saber o total de pares chave-valor com <strong>.size</strong>:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvheoi28nwfbalvx5jkau.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvheoi28nwfbalvx5jkau.png" alt="Map Example 2" width="800" height="500"></a></p> <p>Também é possível usar o <strong>forEach</strong> para iterar sobre os elementos de um Map. Assim, podemos exibir todos os pares chave-valor:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj1phec0h6or081vym6uj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj1phec0h6or081vym6uj.png" alt="Map Example 3" width="800" height="458"></a></p> <p>Map é ideal para situações em que precisamos manter a ordem de inserção e queremos usar chaves não restritas a strings. Ele facilita o gerenciamento de dados complexos, proporcionando uma maneira eficiente de armazenar e acessar informações.</p>