Conteúdo do Curso
JavaScript Data Structures
1. Introdução e Pré-requisitos
2. Fundamentos dos Objetos
3. Manipulação Avançada de Objetos
5. Operações Avançadas de Array
JavaScript Data Structures
Método map()
Esta seção explorará vários métodos comumente usados para trabalhar com arrays em JavaScript. O JS oferece uma ampla variedade de métodos, mas focaremos especificamente naqueles que se mostram inestimáveis no cotidiano da programação: map()
, filter()
, find()
, reduce()
e sort()
. Esses métodos são escolhidos por sua utilidade prática, abordando cenários comuns enfrentados em tarefas de codificação.
Para uma lista completa de todos os métodos de arrays, você pode consultar a documentação oficial da MDN.
map()
O método map()
percorre cada elemento do array original e aplica uma função de callback especificada para produzir um novo array.
Eis a sintaxe básica:
elemento
: Este é o elemento atual que está sendo processado no array.indice
: Este é o índice do elemento atual dentro do array. Representa a posição do elemento no array.array
: Este é o array no qual o métodomap()
foi chamado. Refere-se ao array original que está sendo percorrido.
Vamos ilustrar o que elemento
, índice
e array
representam:
Pontos chave para lembrar sobre map():
- Ele itera sobre cada elemento do array original.
- Não modifica o array original.
- O resultado da função de callback é utilizado para criar um novo array.
- Ele retorna um novo array com o mesmo comprimento.
Transformando Elementos de um Array
O método map()
é excelente quando precisamos transformar cada elemento de um array sem modificar o array original. Considere o seguinte exemplo:
Code Description
numbers
is created with
five numeric elements. Lines 5-7: The
map
method is used on the
numbers
array. This method creates a new array
(doubledNumbers
) by applying a provided function to each
element of the original array (numbers
). In this case, the
provided function takes each element (element
) and multiplies
it by 2
. So, for the numbers
array, it doubles
each element, resulting in the doubledNumbers
array. Lines 9-10: The
console.log
statements are used to
output the content of the numbers
array and the modified
doubledNumbers
array to the console.
Tudo estava claro?
Conteúdo do Curso
JavaScript Data Structures
1. Introdução e Pré-requisitos
2. Fundamentos dos Objetos
3. Manipulação Avançada de Objetos
5. Operações Avançadas de Array
JavaScript Data Structures
Método map()
Esta seção explorará vários métodos comumente usados para trabalhar com arrays em JavaScript. O JS oferece uma ampla variedade de métodos, mas focaremos especificamente naqueles que se mostram inestimáveis no cotidiano da programação: map()
, filter()
, find()
, reduce()
e sort()
. Esses métodos são escolhidos por sua utilidade prática, abordando cenários comuns enfrentados em tarefas de codificação.
Para uma lista completa de todos os métodos de arrays, você pode consultar a documentação oficial da MDN.
map()
O método map()
percorre cada elemento do array original e aplica uma função de callback especificada para produzir um novo array.
Eis a sintaxe básica:
elemento
: Este é o elemento atual que está sendo processado no array.indice
: Este é o índice do elemento atual dentro do array. Representa a posição do elemento no array.array
: Este é o array no qual o métodomap()
foi chamado. Refere-se ao array original que está sendo percorrido.
Vamos ilustrar o que elemento
, índice
e array
representam:
Pontos chave para lembrar sobre map():
- Ele itera sobre cada elemento do array original.
- Não modifica o array original.
- O resultado da função de callback é utilizado para criar um novo array.
- Ele retorna um novo array com o mesmo comprimento.
Transformando Elementos de um Array
O método map()
é excelente quando precisamos transformar cada elemento de um array sem modificar o array original. Considere o seguinte exemplo:
Code Description
numbers
is created with
five numeric elements. Lines 5-7: The
map
method is used on the
numbers
array. This method creates a new array
(doubledNumbers
) by applying a provided function to each
element of the original array (numbers
). In this case, the
provided function takes each element (element
) and multiplies
it by 2
. So, for the numbers
array, it doubles
each element, resulting in the doubledNumbers
array. Lines 9-10: The
console.log
statements are used to
output the content of the numbers
array and the modified
doubledNumbers
array to the console.
Tudo estava claro?