Maison  >  Article  >  interface Web  >  Comment utiliser la méthode map du tableau javascript

Comment utiliser la méthode map du tableau javascript

青灯夜游
青灯夜游original
2021-07-19 18:46:158159parcourir

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(callbackfn[, thisArg]);" .

Comment utiliser la méthode map du tableau javascript

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

La méthode JavaScript 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. La méthode

map() ne modifie pas directement le tableau d'origine, mais la fonction de rappel peut le modifier. Les résultats obtenus en modifiant l'objet tableau après le démarrage de la méthode map sont présentés dans le tableau.

回调函数修改数组的影响
map 方法启动后的条件 元素是否传递给回调函数
在数组的原始长度之外添加元素
添加元素以填充数组中缺少的元素 是,如果该索引尚未传递给回调函数
元素已更改 是,如果该元素尚未传递给回调函数
从数组中删除元素 否,除非该元素已传递给回调函数

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 valeur valeur de l'élément du nouveau tableau, et enfin renvoyer 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

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 avancé 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