JavaScript tableau map() Method

<JavaScript Tableau de référence

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

La map() méthode crée un nouveau tableau avec les résultats de l' appel d' une fonction pour chaque élément de tableau.

La map() méthode appelle la fonction fournie une fois pour chaque élément d'un tableau, dans l' ordre.

Remarque: la map() n'exécute pas la fonction des éléments de tableau sans valeur.

Remarque: la map() ne change pas le tableau original.

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.

Syntaxe

Les valeurs des paramètres

Paramètre	La description
function(currentValue, index,arr)	Champs obligatoires. Une fonction à exécuter pour chaque élément dans le tableau. Les arguments de fonction: Argument La description currentValue Champs obligatoires. La valeur de l'élément courant index Optionnel. L'index de tableau de l'élément courant arr Optionnel. Le réseau objet de l'élément courant appartient à
ThisValue	Optionnel. Une valeur à transmettre à la fonction à utiliser comme "this" valeur. Si ce paramètre est vide, la valeur "undefined" sera passé comme "this" valeur

Détails techniques

Valeur de retour:	Un tableau contenant les résultats de l'appel de la fonction prévue pour chaque élément du tableau d'origine.
JavaScript Version:	1.6

---

autres exemples

Exemple

Multiplier toutes les valeurs en tableau avec un nombre spécifique:

var numbers = [65, 44, 12, 4];

function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}

Essayez vous - même »

Exemple

Obtenez le nom complet pour chaque personne dans le tableau:

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);
}

Essayez vous - même »

---

<JavaScript Tableau de référence