Maison  >  Article  >  interface Web  >  Le tableau javascript a-t-il une méthode map ?

Le tableau javascript a-t-il une méthode map ?

青灯夜游
青灯夜游original
2022-09-13 18:53:412092parcourir

Les tableaux Javascript ont la méthode map. En JavaScript, la méthode map() d'un tableau est utilisée pour appeler la fonction de rappel spécifiée sur chaque élément du tableau et renvoyer un tableau contenant les résultats ; le format de syntaxe est "array.map(callback function, thisValue);". La méthode map() renverra un nouveau tableau, où chaque élément est la valeur de retour de la fonction de rappel de l'élément de tableau d'origine associé ; pour chaque élément du tableau, la méthode map() appellera la fonction de rappel une fois (dans l'ordre d'index croissant) ; ) .

Le tableau javascript a-t-il une méthode map ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

Les tableaux Javascript ont la méthode map.

javascript array map() méthode

map() peut appeler la fonction de rappel spécifiée pour chaque élément du tableau et renvoyer un tableau contenant les résultats. La méthode

map() traite les éléments séquentiellement dans l'ordre des éléments du tableau d'origine.

Syntaxe

array.map(function(currentValue,index,arr), thisValue)
Paramètres Description
fonction (currentValue, index, arr)

Obligatoire. Fonction, chaque élément du tableau exécutera cette fonction.

Paramètres de la fonction :

  • currentValue est requis. La valeur de l'élément actuel

  • index est facultative. La valeur d'index de l'élément actuel

  • arr Facultatif. L'objet tableau auquel appartient l'élément actuel

thisValue Facultatif. L'objet est utilisé comme rappel d'exécution, transmis à la fonction et utilisé comme valeur de "this".
Si thisValue est omis, ou si null ou undefined est transmis, alors this de la fonction de rappel est l'objet global. La méthode

map() renverra un nouveau tableau où chaque élément est la valeur de retour de la fonction de rappel de l'élément du tableau d'origine associé. La méthode map() appelle la fonction de rappel une fois pour chaque élément du tableau (par ordre d'index croissant) et n'appelle pas la fonction de rappel pour les éléments manquants du tableau.

En plus des objets tableau, la méthode map() peut être utilisée par n'importe quel objet avec une propriété de longueur qui a un nom de propriété indexé, comme un objet de paramètre Arguments.

Apprenons-en davantage à travers des exemples de code :

Exemple 1

L'exemple suivant utilise la méthode map() pour mapper un tableau, mettre au carré la valeur de chaque élément du tableau, la multiplier par la valeur PI , et divisez le cercle renvoyé. La valeur de la zone est utilisée comme valeur d'élément du nouveau tableau, et enfin le nouveau tableau est renvoyé.

function f (radius) {
    var area = Math.PI * (radius * radius);
    return area.toFixed(0);
}
var a = [10,20,30];
var a1 = a.map(f);
console.log(a1);

Le tableau javascript a-t-il une méthode map ?

Exemple 2

L'exemple suivant utilise la méthode map() pour mapper un tableau, divise la valeur de chaque élément du tableau par un seuil, puis renvoie ce nouveau tableau La fonction de rappel et. sont tous deux basés sur les propriétés de l'objet Exists, cette méthode montre comment utiliser le paramètre thisArg dans la carte.

var obj = {
    val : 10,
    f : function (value) {
        return value % this.val;
    }
}
var a = [6,12,25,30];
var a1 = a.map(obj.f, obj);
console.log(a1);  //6,2,5,0

Le tableau javascript a-t-il une méthode map ?

Exemple 3

L'exemple suivant montre comment utiliser les méthodes intégrées de JavaScript comme fonctions de rappel.

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

Le tableau javascript a-t-il une méthode map ?

【Apprentissage recommandé : Tutoriel d'apprentissage Javascript, Vidéo web front-end

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn