Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprenda Transformando Arrays com o Método map() | Métodos Avançados de Arrays e Transformações
Estruturas de Dados em JavaScript

bookTransformando Arrays com o Método map()

Esta seção explora diversos métodos comumente utilizados para trabalhar com arrays em JavaScript. JS oferece uma ampla variedade de métodos, mas o foco será especificamente naqueles que se mostram indispensáveis na programação cotidiana: map(), filter(), find(), reduce() e sort(). Estes métodos são escolhidos por sua utilidade prática, abordando cenários comuns encontrados em tarefas de codificação.

Para uma lista completa de todos os métodos de array, consulte a documentação oficial MDN.

map()

O método map() itera sobre cada elemento do array original e aplica uma função de callback especificada para produzir um novo array.

Sintaxe básica:

array.map((element, index, array) => {
  // Callback body
});
  • element: Elemento atual sendo processado no array;
  • index: Índice do elemento atual dentro do array. Representa a posição do elemento no array;
  • array: Array no qual o método map() foi chamado. Refere-se ao array original sendo percorrido.

A seguir, uma ilustração do que representam element, index e array:


              
12345

            
const products = ["Ball", "Shoes", "Mouse"];

const modifiedProducts = products.map((element, index, array) => {
  console.log(`Element: ${element}, Index: ${index}, Array: ${array}`);
});
copy

Pontos-chave sobre o map():

  • Itera sobre o array original elemento por elemento;
  • Não modifica o array original;
  • O resultado da função de callback é utilizado para criar um novo array;
  • Retorna um novo array com o mesmo comprimento.

Transformação de Elementos de Array

O método map() é especialmente útil quando é necessário transformar cada elemento de um array sem modificar o array original. Considere o exemplo a seguir:


              
12345678910

            
const numbers = [3, 5, 11, 32, 87];

/* Use the `map` method to create a new array (`doubledNumbers`) 
  by doubling each element of the `numbers` array. */
const doubledNumbers = numbers.map((element) => {
  return element * 2;
});

console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87
console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
copy

1. O que o método map() faz?

2. Qual é uma característica fundamental do método map()?

3. No exemplo abaixo, o que strings.map((element) => (element += "!")) faz?

question mark

O que o método map() faz?

Select the correct answer

question mark

Qual é uma característica fundamental do método map()?

Select the correct answer

question mark

No exemplo abaixo, o que strings.map((element) => (element += "!")) faz?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 1

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.27

bookTransformando Arrays com o Método map()

Deslize para mostrar o menu

Esta seção explora diversos métodos comumente utilizados para trabalhar com arrays em JavaScript. JS oferece uma ampla variedade de métodos, mas o foco será especificamente naqueles que se mostram indispensáveis na programação cotidiana: map(), filter(), find(), reduce() e sort(). Estes métodos são escolhidos por sua utilidade prática, abordando cenários comuns encontrados em tarefas de codificação.

Para uma lista completa de todos os métodos de array, consulte a documentação oficial MDN.

map()

O método map() itera sobre cada elemento do array original e aplica uma função de callback especificada para produzir um novo array.

Sintaxe básica:

array.map((element, index, array) => {
  // Callback body
});
  • element: Elemento atual sendo processado no array;
  • index: Índice do elemento atual dentro do array. Representa a posição do elemento no array;
  • array: Array no qual o método map() foi chamado. Refere-se ao array original sendo percorrido.

A seguir, uma ilustração do que representam element, index e array:


              
12345

            
const products = ["Ball", "Shoes", "Mouse"];

const modifiedProducts = products.map((element, index, array) => {
  console.log(`Element: ${element}, Index: ${index}, Array: ${array}`);
});
copy

Pontos-chave sobre o map():

  • Itera sobre o array original elemento por elemento;
  • Não modifica o array original;
  • O resultado da função de callback é utilizado para criar um novo array;
  • Retorna um novo array com o mesmo comprimento.

Transformação de Elementos de Array

O método map() é especialmente útil quando é necessário transformar cada elemento de um array sem modificar o array original. Considere o exemplo a seguir:


              
12345678910

            
const numbers = [3, 5, 11, 32, 87];

/* Use the `map` method to create a new array (`doubledNumbers`) 
  by doubling each element of the `numbers` array. */
const doubledNumbers = numbers.map((element) => {
  return element * 2;
});

console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87
console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
copy

1. O que o método map() faz?

2. Qual é uma característica fundamental do método map()?

3. No exemplo abaixo, o que strings.map((element) => (element += "!")) faz?

question mark

O que o método map() faz?

Select the correct answer

question mark

Qual é uma característica fundamental do método map()?

Select the correct answer

question mark

No exemplo abaixo, o que strings.map((element) => (element += "!")) faz?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 1
some-alt