Maison > interface Web > Questions et réponses frontales > La map est-elle une méthode dans es6 ?

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

WBOY
Libérer: 2022-04-25 18:37:52
original
1832 Les gens l'ont consulté

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]);
Copier après la connexion

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);
Copier après la connexion

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);
Copier après la connexion

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
Copier après la connexion

【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!

Étiquettes associées:
es6
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal