Maison > Article > interface Web > Le tableau javascript a-t-il une méthode map ?
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) ; ) .
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 :
|
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);
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
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
【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!