Maison > interface Web > js tutoriel > Méthodes de tableau JavaScript essentielles

Méthodes de tableau JavaScript essentielles

Mary-Kate Olsen
Libérer: 2024-11-08 20:14:02
original
548 Les gens l'ont consulté

ssential JavaScript Array Methods

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

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

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

Copier après la connexion

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

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

Copier après la connexion

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

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

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

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!

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