Método do mapa da matriz em JavaScript | Explicado

Em JavaScript, um método embutido chamado Array.map () é usado para criar uma nova matriz modificada; Para fazer isso, atravessa uma matriz e chama uma função para cada elemento da matriz. É muito útil em um cenário em que temos que implementar alguns procedimentos/ações em cada elemento da matriz. Por exemplo, multiplicar cada elemento da matriz com algum número específico ou encontrar a raiz quadrada de cada elemento da matriz, e assim por diante.

Neste artigo, abordaremos os resultados de aprendizado abaixo da listada da matriz.MAP () Método:

• O que é array.map () em javascript?
• Sintaxe básica
• O que faz a matriz.Map () Method Return?
• Como matriz.O método map () funciona em javascript?

Então vamos começar!

O que é array.map () em javascript?

Array map () é uma função de matriz interna que cria uma nova matriz modificada com base em alguns critérios específicos. A matriz.O método map () invoca uma função de retorno de chamada para cada elemento da matriz e cria uma nova matriz modificada que contém os elementos modificados que são retornados pela função de devolução de chamada.

Sintaxe básica

Aqui está a sintaxe da matriz.MAP () Método em JavaScript:

variedade.mapa (função (current_element, índice, arr), thisValue)

A sintaxe mostra a matriz.A função map () pode levar vários parâmetros, no entanto, todos esses parâmetros não são obrigatórios:

• Function () Parâmetro mais conhecido como a função de volta é obrigatório e será chamado para cada elemento da matriz.
• current_element é um parâmetro necessário que mantém o valor do elemento atual.
• Índice é um parâmetro opcional que mantém o índice do CurrentElement.
• ARR é um parâmetro opcional que mantém a matriz atual.
• Este valor também é um parâmetro opcional cujo valor padrão é indefinido e utiliza o valor passado para a função como "esse" valor.

O que faz a matriz.Map () Method Return?

Em JavaScript, a matriz.O método map () retorna o resultado da função de retorno para cada elemento da matriz.

Como matriz.O método map () funciona em javascript?

Até agora, aprendemos os conceitos teóricos do método map (), agora implementaremos esses conceitos praticamente.

Tarefa 1: Adicione 50 a cada elemento da matriz

Neste programa de exemplo, aprenderemos a usar a matriz.MAPEL () Método para adicionar “50” a todos os elementos da matriz especificada:

var originalArray = [12, 16, 32, 27, -31, 17];
Var Result = OriginalArray.mapa (addValue);
função addValue (valores)
Valores de retorno + 50;

console.log ("matriz resultante:", resultado);

O programa acima executou as tarefas listadas abaixo:

• Em primeiro lugar, criamos uma matriz chamada "OriginalArray" que inclui alguns números positivos e negativos.
• Em seguida, utilizamos a matriz.Método Map () para adicionar 50 a cada elemento da matriz.
• Para fazer isso, criamos uma função chamada "addValue ()" que adicionará 50 ao elemento atual da matriz e depois retornará o elemento modificado.
• Finalmente, utilizamos o método console () para imprimir a matriz de elementos modificados:

A saída provou que a matriz.o método map () retornou uma variedade de elementos modificados (i.e., Cada elemento é incrementado em 50).

Tarefa 2: Como usar a matriz.Método MAP () com uma variedade de objetos

No bloco de código a seguir, aprenderemos a usar a matriz.MAPEL () Método para ingressar no EmpName e ID:

VAR Funcionários = [
EmpName: "Mike", Id: 12,
EmpName: "Seth", id: 15,
];
var empDetails = funcionários.mapa (função (valor)
retornar '$ valor.empname $ valor.eu ia';
)
console.log ("Detalhes dos funcionários:", empatetails);

Neste programa, utilizamos a matriz.MAPA () Método para atravessar a matriz e combinar o nome do funcionário e o ID do funcionário:

É assim que a matriz.O método map () funciona com uma variedade de objetos.

Tarefa 3: Como usar métodos internos com matriz.Método MAP ()

Neste exemplo, aprenderemos a usar um método embutido para encontrar o quadrado dos elementos da matriz:

var originalArray = [3, 2, 5, 9, 7];
var ResoldArArray = OriginalArray.mapa (sqrvalue);
função sqrvalue (valores)
retornar matemática.Pow (valores, 2);

console.log ("Detalhes dos funcionários:", resultArray);

Neste programa de exemplo, utilizamos a matemática.Pow () função para encontrar o quadrado de um elemento. Nós utilizamos a matriz.MAPA () Método para atravessar cada elemento da matriz e retornar o quadrado de todos os elementos da matriz fornecida.

É assim que podemos utilizar qualquer método embutido junto com a matriz.Método Map () para obter diferentes funcionalidades.

Conclusão

Em JavaScript, Array.Map () é uma função de matriz interna que cria uma nova matriz modificada com base em alguns critérios específicos. A matriz.O método map () invoca uma função de retorno de chamada para cada elemento da matriz e cria uma nova matriz modificada que contém os elementos modificados que são retornados pela função de devolução de chamada. Este artigo descreveu o que exatamente a matriz.o método map () é? e como funciona em javascript usando alguns exemplos relevantes.