Maison > Article > interface Web > La map est-elle une méthode dans es6 ?
map est une méthode dans es6 ; cette méthode peut appeler la fonction de rappel spécifiée pour chaque élément du tableau et renvoyer les données contenant le résultat. Le résultat renvoyé est un nouveau tableau et la syntaxe est "array object.map(). fonction de rappel de fonction (valeur de l'élément du tableau, index de l'élément du tableau, objet du tableau));".
L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.
array.map(callbackfn[, thisArg]);
Description du paramètre :
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.
La syntaxe de la fonction de rappel est la suivante :
function callbackfn (value, index, array);
Les utilisateurs peuvent déclarer la fonction de rappel avec jusqu'à trois paramètres. Les paramètres de la fonction de rappel sont décrits comme suit :
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, utiliser la valeur de l'aire du cercle renvoyé comme la valeur de l'élément du nouveau tableau, et enfin renvoie ce nouveau tableau.
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, diviser la valeur de chaque élément du tableau par un seuil, puis renvoyer ce nouveau tableau. La fonction de rappel et le seuil existent sous la forme. attributs de l'objet, via Cette méthode montre comment utiliser le paramètre thisArg dans une 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
【Recommandations associées :
tutoriel vidéo javascriptCe 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!