JavaScript Formación map() Method

<Matriz de referencia JavaScript

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El map() método crea una nueva matriz con los resultados de llamar a una función para cada elemento de la matriz.

El map() método llama a la función proporcionada una vez por cada elemento de una matriz, en orden.

Nota: map() no se ejecuta la función de elementos de la matriz sin valores.

Nota: map() no cambia la matriz original.

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.

Sintaxis

Los valores de los parámetros

Parámetro	Descripción
function(currentValue, index,arr)	Necesario. Una función que se ejecutará para cada elemento de la matriz. Parámetros de las funciones: Argumento Descripción currentValue Necesario. El valor del elemento actual index Opcional. El índice de matriz del elemento actual arr Opcional. El objeto de matriz del elemento actual pertenece a
este valor	Opcional. Un valor que se pasa a la función para ser utilizado como su "this" valor. Si este parámetro está vacío, el valor "undefined" será pasado como su "this" valor

Detalles técnicos

Valor de retorno:	Una matriz que contiene los resultados de llamar a la función prevista para cada elemento en la matriz original.
Versión de JavaScript:	1.6

---

Más ejemplos

Ejemplo

Multiplicar todos los valores de la matriz con un 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);
}

Inténtalo tú mismo "

Ejemplo

Obtener el nombre completo para cada persona en la 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);
}

Inténtalo tú mismo "

---

<Matriz de referencia JavaScript