Maison  >  Article  >  interface Web  >  Javascript a-t-il une carte ?

Javascript a-t-il une carte ?

藏色散人
藏色散人original
2021-09-03 16:18:293732parcourir

Il existe une méthode map en JavaScript, qui est utilisée pour renvoyer un nouveau tableau et traiter les éléments dans l'ordre selon l'ordre des éléments du tableau d'origine ; la syntaxe de la carte est "array.map(function(currentValue,index,arr ), cetteValeur)".

Javascript a-t-il une carte ?

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

Javascript a-t-il une carte

Il existe une méthode map en javascript.

Définition et utilisation de la méthode JavaScript Array map()

La méthode map() renvoie un nouveau tableau, et les éléments du tableau sont les valeurs des éléments du tableau d'origine après l'appel de la fonction. La méthode

map() traite les éléments séquentiellement dans l'ordre des éléments du tableau d'origine.

Remarque : map() ne détectera pas les tableaux vides. map() ne modifie pas le tableau d'origine.

Syntaxe

array.map(function(currentValue,index,arr), thisValue)

Description du paramètre

Paramètre fonction (currentValue, index,arr) doit : fonction, chaque élément du tableau exécutera cette fonction

Paramètre currentValue doit : la valeur de l'élément actuel

index facultatif : La valeur d'index de l'élément actuel

arr Facultatif : L'objet tableau auquel appartient l'élément actuel

thisValue Facultatif : L'objet est utilisé comme rappel d'exécution, passé à la fonction et utilisé comme valeur de "this" .

Si thisValue est omis, ou si null ou undefined est transmis, alors le this de la fonction de rappel est l'objet global.

Valeur de retour : renvoie un nouveau tableau. Les éléments du tableau sont les valeurs des éléments du tableau d'origine après l'appel de la fonction.

Exemple

Chaque élément du tableau est multiplié par la valeur spécifiée dans la zone de saisie et renvoie un nouveau tableau :

var numbers = [65, 44, 12, 4];
function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}
function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}

Effet d'exécution :

GIF 2021-9-3 星期五 下午 4-18-02.gif

Apprentissage recommandé : "Tutoriel de base 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