<JavaScript Matriz de Referência
Exemplo
Retorna um array com a raiz quadrada de todos os valores na matriz original:
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML =
numbers.map(Math.sqrt);
}
O resultado será:
2,3,4,5
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O map() método cria uma nova matriz com os resultados da chamada de uma função para cada elemento da matriz.
O map() método chama a função fornecida uma vez para cada elemento de uma matriz, a fim.
Nota: map() não executa a função de elementos de matriz sem valores.
Nota: map() não muda a matriz original.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.
Método | |||||
---|---|---|---|---|---|
map() | sim | 9 | 1.5 | sim | sim |
Sintaxe
Os valores dos parâmetros Parâmetro Descrição function(currentValue, index,arr) Requeridos. Uma função a ser executada para cada elemento na matriz.
Argumentos de funções: Argumento Descrição currentValue Requeridos. O valor do elemento atual index Opcional. O índice de matriz do elemento atual arr Opcional. A matriz de objectos do elemento actual pertence
thisValue Opcional. Um valor a ser passado para a função a ser usada como seu "this" de valor.
Se este parâmetro estiver vazio, o valor "undefined" será passado como o seu "this" valor
Detalhes técnicos
Valor de retorno: Uma matriz que contém os resultados da chamada da função prevista para cada elemento na matriz original. JavaScript Versão: 1,6
mais Exemplos
Exemplo
Multiplicar todos os valores em conjunto com um número específico:
var numbers = [65, 44, 12, 4];
function
multiplyArrayElement(num) {
return num *
document.getElementById("multiplyWith").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML =
numbers.map(multiplyArrayElement);
} Tente você mesmo " Exemplo
Obter o nome completo para cada pessoa na matriz:
var persons = [
{firstname : "Malcom", lastname:
"Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
function
getFullName(item,index) {
var fullname =
[item.firstname,item.lastname].join(" ");
return
fullname;
}
function myFunction() {
document.getElementById("demo").innerHTML = persons.map(getFullName);
} Tente você mesmo "
<JavaScript Matriz de Referência