En JavaScript, les tableaux sont un moyen utile de stocker et de manipuler des données. Le map() La méthode est une fonction intégrée qui vous permet d’itérer sur chaque élément d’un tableau et de lui appliquer une fonction. Le map() La méthode crée un nouveau tableau avec les résultats de l’appel d’une fonction fournie sur chaque élément du tableau appelant. Dans cet article, nous allons nous plonger dans map() et explorez sa syntaxe, ses fonctionnalités et ses cas d’utilisation.
Syntaxe
Le map() la méthode est appelée sur un tableau et prend une fonction de rappel comme argument. La fonction de rappel prend trois paramètres : l’élément en cours de traitement, l’index de l’élément en cours et le tableau qui map() a été sollicité. La syntaxe ou les commandes du map() méthode est la suivante :
array.map(callback(currentValue, index, array))Ici array est le tableau que le map() méthode est appelée. callback est la fonction à appeler sur chaque élément du tableau. currentValue représente la valeur de l’élément en cours de traitement. index représente l’index de l’élément en cours de traitement. array représente le tableau d’origine.
Fonctionnalité
Le map() La méthode crée un nouveau tableau avec les résultats de l’appel de la fonction de rappel sur chaque élément du tableau d’origine. Le tableau d’origine n’est pas modifié et le nouveau tableau est renvoyé comme résultat de la map() méthode. La longueur du nouveau tableau sera la même que la longueur du tableau d’origine. Si la fonction de rappel est renvoyée, la valeur n’est pas incluse dans le nouveau tableau.
Le map() La méthode est une fonction d’ordre supérieur, ce qui signifie qu’elle prend une fonction comme argument ou renvoie une fonction comme résultat. Le map() La méthode est une fonction pure, ce qui signifie qu’elle ne modifie pas le tableau d’origine et n’a aucun effet secondaire.
Voici quelques exemples pour illustrer l’utilisation de map() méthode:
1. Doubler les éléments d’un tableau
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(number => number * 2);
console.log(doubledNumbers);
// Output: [2, 4, 6, 8, 10]Ici le map() méthode est utilisée pour créer un nouveau tableau doubledNumbers avec les éléments du tableau d’origine numbers doublé.
2. Conversion de Fahrenheit en Celsius
const fahrenheitTemperatures = [32, 68, 86, 104];
const celsiusTemperatures = fahrenheitTemperatures.map(temp => (temp - 32) * 5 / 9);
console.log(celsiusTemperatures);
// Output: [0, 20, 30, 40]Ici le map() La méthode est utilisée pour convertir un tableau de températures Fahrenheit en températures Celsius.
3. Extraction de propriétés à partir d’objets dans un tableau
const people = [
{ name: "Alice", age: 23 },
{ name: "Bob", age: 27 },
{ name: "Charlie", age: 18 },
];
const names = people.map(person => person.name);
console.log(names);
// Output: ["Alice", "Bob", "Charlie"]Ici le map() méthode est utilisée pour extraire name propriété de chaque objet dans le people déployer.
4. Aplatir un tableau de tableaux
const nestedArray = [[1, 2], [3, 4], [5, 6]];
const flattenedArray = nestedArray.map(innerArray => innerArray.join(","));
console.log(flattenedArray);
// Output: ["1,2", "3,4", "5,6"]Ici le map() est utilisée pour concaténer les éléments de chaque tableau imbriqué dans le nestedArray tableau en une chaîne avec des virgules.
Conclusion
En conclusion, le map() est un outil puissant pour travailler avec des tableaux en JavaScript. Il vous permet de transformer chaque élément d’un tableau à l’aide d’une fonction de rappel et de créer un nouveau tableau avec les valeurs transformées. Le map() method est une fonction d’ordre supérieur qui prend une fonction comme argument et est une fonction pure qui ne modifie pas le tableau d’origine.
Quelques cas d’utilisation courants pour le map() incluent la transformation de données, l’extraction de propriétés d’objets dans un tableau et l’aplatissement de tableaux de tableaux. En utilisant le map() méthode, vous pouvez écrire un code plus concis et expressif qui est plus facile à lire et à maintenir.
Il est important de noter que le map() n’est pas la seule méthode de tableau disponible en JavaScript. D’autres méthodes de tableau, telles que filter(), reduce()et forEach()peut également être utile pour différentes tâches.
Dans l’ensemble, comprendre et utiliser les map() La méthode est essentielle pour tout développeur JavaScript qui souhaite travailler efficacement avec des tableaux.