Javascript a-t-il une carte ?

WBOY
Libérer: 2023-05-16 09:01:38
original
713 Les gens l'ont consulté

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]
Copier après la connexion

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']
Copier après la connexion

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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal