Como mapear uma matriz no método do mapa de matriz JavaScript | Explicado com exemplos

Como qualquer outra linguagem de programação, o JavaScript nos fornece vários tipos de dados para armazenar dados. Um desses tipos de dados é uma matriz. Uma matriz é um grupo de elementos que podem ser usados ​​para armazenar vários valores em uma única variável. O JavaScript oferece métodos de objeto de matriz que podemos usar para gerenciar, organizar ou acessar dados armazenados em matrizes. Um desses métodos embutidos do objeto de matriz é o mapa() método.

Qual é o método map ()?

O método de mapa da matriz JavaScript cria uma nova matriz chamando uma função de devolução (passando uma função para outra função como um argumento) em todos os elementos sem alterar a matriz original.

O Sintaxe do método do mapa da matriz é mostrado abaixo:

Myarr.mapa (função (currentValue, índice, arr), thisValue);

Como podemos ver na sintaxe acima, o método map () leva dois parâmetros. O primeiro é função (currentValue, índice, arr) que é uma função de retorno de chamada e é um parâmetro obrigatório. Esta função de devolução leva três argumentos. O primeiro é o valor atual referindo -se ao valor atual do elemento e é um parâmetro obrigatório. O segundo parâmetro é o índice que tem o índice do elemento atual e o terceiro é o arr que se refere à matriz. Os parâmetros de índice e ARR são opcionais. O próximo parâmetro no método map () é esse valor que se refere ao valor que é passado para a função e esse parâmetro de valor é opcional.

Iterando sobre uma matriz usando o método do mapa

Agora que sabemos o que é um método de mapa da matriz, vamos ver como iterar sobre uma matriz usando o método do mapa.

var myarr = [1,2,3,4];
var newarr = myarr.mapa (função (elemento)
// multiplique Myarr com 2
// retorna uma nova matriz
elemento de retorno *2;
);
console.log (newarr); // [2,4,6,8]

No código acima, primeiro, iniciamos uma matriz com o nome de Myarr e então chamado mapa() Método nesta matriz iniciando uma função de volta. Na função de volta, multiplicamos todos os elementos do Myarr a 2. Então salvamos a nova matriz para o Newarr variável e, em seguida, o console registre a nova matriz cuja saída é mostrada abaixo:

Vamos ver alguns outros exemplos do método map () em javascript.

Elementos de arredondamento da matriz

Neste exemplo, veremos como podemos arredondar os elementos da matriz para o número inteiro mais próximo.

var myarr = [2.3,3.7,4.4];
var output = myarr.mapa (e => matemática.redonda (e));
console.log (saída); // 2,4,4

Primeiro iniciamos uma matriz com o nome de Myarr e depois iniciou o método do mapa nesta matriz, arredondando todos os elementos do Myarr e então a saída desta operação é salva na variável saída.

Encontrando raiz quadrada

Vamos encontrar a raiz quadrada de todos os elementos de uma matriz para a qual é principalmente o mesmo que o exemplo acima. Primeiro, iniciaremos uma matriz e depois executaremos o método do mapa, armazenando o resultado na saída.

var myarr = [4,9,16];
var output = myarr.mapa (e => matemática.sqrt (e));
console.log (saída); // 2,3,4

Adicionando string aos elementos da matriz

Neste exemplo, adicionaremos a string 1 dúzia a cada elemento da matriz. Por exemplo:

var myarr = ["banana", "maçã", "laranja"];
var output = myarr.mapa (e => "1 dúzia"+e);
console.log (saída);

Podemos ver na saída que todos os elementos da matriz agora têm 1 dúzia na nova matriz que é registrada no console.

Obtendo o nome completo de uma variedade de objetos

Vamos ver um exemplo pouco complexo em que iniciaremos uma variedade de objetos que conterão o primeiro nome e o sobrenome de uma pessoa. Em seguida, executaremos o método map () nesta matriz e, na função de volta, concatenaremos o primeiro nome e o último nome para obter um nome completo da pessoa.

const pessoas = [
FirstName: "John", LastName: "Reynolds",
FirstName: "Smith", LastName: "Jhonson",
FirstName: "Sarah", LastName: "Frye"
];
função getfullName (item)
devolver item.primeiro nome, item.sobrenome].juntar(" ");

const Output = Pessoas.mapa (getfullName);
console.log (saída);

Conclusão

Para armazenar dados, o JavaScript nos fornece vários tipos de dados, como uma matriz. Uma matriz possui métodos embutidos que nos fazem gerenciar facilmente nosso código e escrever menos código. Um desses métodos da matriz é o método map (). O método do mapa de matriz () executa uma função de retorno em todos os elementos da matriz e retorna uma nova matriz.

Neste post, vimos como mapear uma matriz em JavaScript e que método de mapa é em JavaScript. Além disso, iteramos sobre uma matriz usando o método map () e, em seguida, fornecemos alguns exemplos usando o método map () da matriz para transformar elementos da matriz iniciada de acordo com a função de chamada de chamada fornecida fornecida.