Maison >interface Web >js tutoriel >Que fait la méthode es6 map() ?

Que fait la méthode es6 map() ?

青灯夜游
青灯夜游original
2021-09-29 17:32:477922parcourir

Dans es6, la méthode map() est utilisée pour appeler la fonction de rappel spécifiée pour le traitement sur chaque élément du tableau, et renvoie un tableau contenant les résultats ; syntaxe "array.map(function callbackfn (value, index, array) , thisArg);".

Que fait la méthode es6 map() ?

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

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

array.map(function callbackfn (value, index, array), thisArg);

function callbackfn (value, index, array) : Une fonction de rappel qui accepte jusqu'à trois paramètres :

  • 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. 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é. Pour chaque élément du tableau, la méthode map() appelle la fonction callbackfn une fois (dans l'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.

Apprenons-en davantage à travers des exemples de code :

Exemple 1 : Doublez toutes les valeurs des éléments (c'est-à-dire multipliez par 2)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);

Résultats de sortie :

Que fait la méthode es6 map() ?

Exemple 2 : Utilisez les méthodes intégrées JavaScript comme rappels Fonction

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

Résultat de sortie :

Que fait la méthode es6 map() ?

Recommandations associées : Tutoriel vidéo javascript

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