Top 10 des Fonctions Utiles en JavaScript

03/06/2024

javascript,js,astuce

JavaScript est un langage de programmation polyvalent et puissant, utilisé principalement pour le développement web. Il offre une multitude de fonctions et méthodes intégrées qui simplifient la manipulation des données et l'interaction avec le DOM (Document Object Model). Voici une liste des 10 fonctions ou méthodes les plus utiles en JavaScript :

1. map()

La méthode map() crée un nouveau tableau en appliquant une fonction à chaque élément d'un tableau existant.


const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2);

console.log(doubled); // [2, 4, 6, 8, 10]


2. filter()

La méthode filter() crée un nouveau tableau contenant tous les éléments du tableau d'origine qui répondent à un critère spécifique.


const numbers = [1, 2, 3, 4, 5];
const even = numbers.filter(num => num > 2);

console.log(even); // [3,4,5]


3. reduce()

La méthode reduce() applique une fonction à un accumulateur et à chaque valeur du tableau (de gauche à droite) pour réduire celui-ci à une seule valeur.


const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, num) => acc + num, 0);

console.log(sum); // 15


4. forEach()

La méthode forEach() exécute une fonction donnée sur chaque élément d'un tableau.


const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => console.log(num));

// 1
// 2
// 3
// 4
// 5


5. find()

La méthode find() renvoie la première valeur trouvée dans le tableau qui satisfait la fonction de test fournie.


const numbers = [1, 2, 3, 4, 5];
const firstEven = numbers.find(num => num === 2);

console.log(firstEven); // 2


6. findIndex()

La méthode findIndex() renvoie l'indice du premier élément du tableau qui satisfait une fonction de test fournie. Sinon, elle renvoie -1.


const numbers = [2, 3, 4, 5];
const index = numbers.findIndex(num => num > 2);

console.log(index); // 1
//l'index (1) correspond à 3 dans le tableau, l'index commence à 0

Partager cet article:

Articles Similaires