tutoriais mais recente desenvolvimento web
 

JavaScript ordem map() Method

<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

Exemplos

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