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

Javascript a-t-il une carte ?

WBOY
WBOYoriginal
2023-05-16 09:01:38712parcourir

Il existe la fonction map() en JavaScript, qui est une fonction d'ordre supérieur pour les tableaux. La fonction map() accepte une fonction comme paramètre, utilise cette fonction pour opérer sur chaque élément du tableau et renvoie enfin un nouveau tableau contenant le résultat de l'exécution de la fonction sur chaque élément du tableau d'origine.

L'utilisation de la fonction map() peut facilement effectuer des opérations telles que la conversion et le calcul sur les éléments du tableau.

Ce qui suit est un exemple d'utilisation de la fonction map() :

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(num) {
  return num * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

Dans le code ci-dessus, nous définissons un tableau de nombres, puis utilisons la fonction map() pour multiplier chaque élément par 2, et les résultats sont enregistrés dans un nouveau tableau doubléNumbers.

De plus, on peut également passer dans un objet contextuel this dans le deuxième paramètre de la fonction map() pour utiliser le mot-clé this dans la fonction de rappel.

Regardons ensuite un autre exemple :

const names = ['Alice', 'Bob', 'Charlie'];
const initials = names.map(function(name) {
  return name.charAt(0);
}, this);
console.log(initials); // ['A', 'B', 'C']

Dans cet exemple, nous définissons un tableau de noms, puis utilisons la fonction map() pour extraire la première lettre de chaque nom et enregistrer le résultat dans un nouveau tableau d'initiales. Nous transmettons également cela dans un objet contextuel via le deuxième paramètre à utiliser dans la fonction de rappel.

En général, la fonction map() en JavaScript est une fonction d'ordre élevé très utile qui peut opérer sur chaque élément du tableau en passant une fonction de rappel et renvoyer un nouveau tableau, ce qui rend le traitement des données du tableau encore plus facile.

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
Article précédent:javascript non exécutéArticle suivant:javascript non exécuté