Maison >interface Web >js tutoriel >Méthodes de tableau JavaScript essentielles
Les tableaux JavaScript sont livrés avec de puissants one-liners qui rendent le codage plus simple et plus propre. Voici un guide rapide pour maîtriser certaines méthodes de tableau de clés :
Filtrer un tableau : .filter() crée un nouveau tableau avec des éléments qui réussissent un test.
const oddNumbers = [1, 2, 3, 4, 5, 6].filter(num => num % 2 !== 0); // [1, 3, 5]
Mappage d'un tableau : .map() applique une fonction à chaque élément.
const doubled = [1, 2, 3, 4, 5].map(num => num * 2); // [2, 4, 6, 8, 10]
Réduire un tableau : .reduce() traite tous les éléments pour produire un seul résultat.
const sum = [1, 2, 3, 4, 5].reduce((total, num) => total + num, 0); // 15
*Recherche d'un élément : *.find() renvoie le premier élément répondant à une condition.
const firstEven = [1, 2, 3, 4, 5].find(num => num % 2 === 0); // 2
Conditions de vérification : .some() et .every() vérifient si un ou tous les éléments réussissent un test.
const hasEven = [1, 3, 5, 7, 8].some(num => num % 2 === 0); // true
Aplatir un tableau : .flat() transforme les tableaux imbriqués en un tableau à un seul niveau.
const flattened = [1, [2, 3], [4, [5, 6]]].flat(2); // [1, 2, 3, 4, 5, 6]
Suppression des doublons : L'utilisation de Set supprime les doublons.
const uniqueNumbers = [...new Set([1, 2, 2, 3, 4, 4, 5])]; // [1, 2, 3, 4, 5]
Tri d'un tableau : .sort() organise les nombres.
const sortedNumbers = [5, 2, 9, 1, 5, 6].sort((a, b) => a - b); // [1, 2, 5, 5, 6, 9]
Ces one-liners peuvent rationaliser considérablement votre code. Pour approfondir, consultez mon aide-mémoire JavaScript et plus encore
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!