Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser la fonction map en js

下次还敢
Libérer: 2024-05-07 19:15:26
original
744 Les gens l'ont consulté

La fonction map() en JavaScript est une fonction utilisée pour créer un nouveau tableau, qui transforme chaque élément du tableau d'origine via une fonction spécifiée. Lorsqu'il est utilisé, deux paramètres doivent être transmis : la fonction de rappel et le tableau d'origine. La fonction de rappel accepte l'élément actuel, un index facultatif et le tableau lui-même, et renvoie la nouvelle valeur transformée. La fonction map() peut être utilisée pour diverses opérations de conversion, telles que la conversion d'une chaîne en majuscules ou en minuscules, l'extraction de propriétés d'objet ou le filtrage d'éléments qui remplissent une condition. Il crée un nouveau tableau sans modifier le tableau d'origine et permet d'effectuer facilement la même opération sur chaque élément du tableau.

Comment utiliser la fonction map en js

La fonction map() en JavaScript

Qu'est-ce que la fonction map() ? La fonction

map() est une fonction JavaScript utilisée pour créer un nouveau tableau, qui transforme chaque élément du tableau d'origine par une fonction spécifiée.

Comment utiliser la fonction map() ? La fonction

map() accepte deux paramètres :

  • Fonction Callback : Une fonction qui transforme chaque élément du tableau d'origine en une nouvelle valeur et la renvoie.
  • Tableau original : Le tableau pour effectuer la transformation.

Syntaxe :

<code class="javascript">const newArray = arr.map((element, index, array) => {
  // 在此对元素进行变换操作
});</code>
Copier après la connexion

Paramètres de la fonction de rappel :

  • element : L'élément actuel dans le tableau d'origine.
  • index (facultatif) : L'index de l'élément dans le tableau d'origine.
  • array (facultatif) : Le tableau d'origine lui-même.

Exemple :

Supposons que nous ayons un tableau de nombres : [1, 2, 3, 4, 5] et que nous souhaitions créer un nouveau tableau dans lequel chaque élément est incrémenté de 1.

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const incrementedNumbers = numbers.map((num) => num + 1); // [2, 3, 4, 5, 6]</code>
Copier après la connexion

Autres utilisations :

La fonction map() peut également être utilisée pour d'autres opérations de conversion, telles que :

  • Convertir les chaînes d'un tableau en majuscules ou en minuscules.
  • Extraire les propriétés spécifiques des objets dans un tableau.
  • Créez un nouveau tableau contenant uniquement les éléments qui remplissent certaines conditions.

Avantages :

  • Créez un nouveau tableau sans modifier le tableau d'origine.
  • Permet d'effectuer facilement la même opération sur chaque élément du tableau.
  • Peut être utilisé pour diverses opérations de transformation.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!