Maison  >  Article  >  interface Web  >  Comment utiliser la fonction map en js

Comment utiliser la fonction map en js

下次还敢
下次还敢original
2024-05-07 19:15:26740parcourir

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>

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>

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!

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