Méthodes de tableau JavaScript
Introduction
Les tableaux JavaScript sont une fonctionnalité centrale du développement web, offrant une large gamme de fonctionnalités. Ce guide complet explore les méthodes de tableau essentielles, offrant aux débutants une compréhension approfondie et des exemples de code pratiques.
Comprendre les tableaux JavaScript
Les tableaux dans JavaScript sont utilisés pour stocker plusieurs valeurs dans une seule variable. Cette structure est idéale pour gérer des collections de données de types variés.
Création d'un tableau
let fruits = ["Apple", "Banana", "Cherry"];Cet extrait montre la création d'un tableau nommé fruits.
Accès aux éléments d'un tableau
Les éléments d'un tableau sont accessibles via leur index, en commençant par 0.
Méthodes de tableau principales
| Fonction | Description |
|---|---|
push() | Ajoute un ou plusieurs éléments à la fin d'un tableau et retourne la nouvelle longueur du tableau. |
pop() | Supprime le dernier élément d'un tableau et retourne cet élément. |
shift() | Supprime le premier élément d'un tableau et retourne cet élément. |
unshift() | Ajoute un ou plusieurs éléments au début d'un tableau et retourne la nouvelle longueur du tableau. |
forEach() | Exécute une fonction fournie une fois pour chaque élément du tableau. |
map() | Crée un nouveau tableau peuplé des résultats de l'appel d'une fonction fournie sur chaque élément du tableau appelant. |
filter() | Crée un nouveau tableau avec tous les éléments qui passent le test implémenté par la fonction fournie. |
reduce() | Applique une fonction à un accumulateur et à chaque élément du tableau (de gauche à droite) pour le réduire à une seule valeur. |
slice() | Retourne une copie superficielle d'une partie d'un tableau dans un nouvel objet tableau sélectionné de start à end (end non inclus). |
splice() | Modifie le contenu d'un tableau en supprimant ou en remplaçant des éléments existants et/ou en ajoutant de nouveaux éléments sur place. |
find() | Retourne la valeur du premier élément du tableau fourni qui satisfait la fonction de test fournie. |
findIndex() | Retourne l'index du premier élément du tableau qui satisfait la fonction de test fournie. |
some() | Teste si au moins un élément du tableau passe le test implémenté par la fonction fournie. |
every() | Teste si tous les éléments du tableau passent le test implémenté par la fonction fournie. |
includes() | Détermine si un tableau contient une certaine valeur parmi ses entrées, retournant true ou false selon le cas. |
indexOf() | Retourne le premier index auquel un élément donné peut être trouvé dans le tableau, ou -1 s'il n'est pas présent. |
concat() | Utilisé pour fusionner deux tableaux ou plus. Cette méthode ne modifie pas les tableaux existants, mais retourne un nouveau tableau. |
Ajout et suppression d'éléments
push()
Ajoute des éléments à la fin d'un tableau.
unshift()
Insère des éléments au début.
pop()
Supprime le dernier élément.
shift()
Élimine le premier élément.
Recherche d'éléments
indexOf()
Trouve l'index d'un élément.
includes()
Vérifie si un élément existe.
Itération et transformation
forEach()
Exécute une fonction pour chaque élément.
map()
Crée un nouveau tableau en appliquant une fonction.
filter()
Génère un nouveau tableau avec les éléments qui répondent à une condition.
reduce()
Réduit le tableau à une seule valeur.
Méthodes supplémentaires
fill()
Remplit tous les éléments avec une valeur statique.
reverse()
Inverse l'ordre des éléments.
sort()
Trie les éléments par ordre alphabétique ou par une fonction personnalisée. Remarque : Lors du tri de nombres, fournissez toujours une fonction de comparaison pour éviter des résultats incorrects (par exemple, 10 est trié avant 2 par défaut).
splice()
Ajoute/supprime des éléments d'un tableau.
slice()
Extrait une section d'un tableau.
concat()
Fusionne deux tableaux ou plus.
toSorted()
Crée une copie triée du tableau.
toSpliced()
Crée une copie avec des éléments spécifiés ajoutés/supprimés.
Conclusion
Comprendre et utiliser les méthodes de tableau JavaScript est crucial pour une manipulation efficace des données. En maîtrisant ces méthodes, les développeurs peuvent considérablement améliorer leurs capacités de codage en JavaScript, ouvrant la voie à des techniques de programmation plus avancées.
Practice
Parmi les méthodes de tableau suivantes, laquelle peut être utilisée en JavaScript pour ajouter et supprimer des éléments d'un tableau ?