Maison  >  Article  >  interface Web  >  La map est-elle une méthode dans es6 ?

La map est-elle une méthode dans es6 ?

WBOY
WBOYoriginal
2022-04-25 18:16:021786parcourir

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));".

La map est-elle une méthode dans es6 ?

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

Est-ce que map est une méthode dans es6 ? La méthode map() peut appeler la fonction de rappel spécifiée sur chaque élément du tableau et renvoyer un tableau contenant les résultats. L'utilisation spécifique est la suivante :

array.map(callbackfn[, thisArg]);

Description du paramètre :

    array : paramètre obligatoire, un objet tableau.
  • callbackfn : paramètre obligatoire, une fonction pouvant recevoir jusqu'à trois paramètres. Pour chaque élément du tableau, la méthode map() appelle une fois la fonction callbackfn.
  • thisArg : Paramètre facultatif, un objet qui peut être référencé par le mot-clé this dans la fonction callbackfn. Si thisArg est omis, undefined est utilisé comme valeur this. 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 callbackfn 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 dans le 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.

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 :

    value : la valeur de l'élément du tableau.
  • index : Index numérique de l'élément du tableau.
  • array : Objet tableau contenant l'élément.
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, 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 javascript

, front-end web

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