Tableaux
Différences
Les tableaux en Javascript sont des objets qui permettent de stocker des valeurs de façon ordonnée. Ils sont similaires aux tableaux des autres langages de programmation, mais ils possèdent quelques différences importantes. Voici quelques-unes de ces différences:
- Les tableaux en Javascript sont dynamiques, ce qui signifie que leur taille peut changer à tout moment. On peut donc ajouter des éléments et en enlever à n'importe quel moment. Nous n'avons donc pas besoin de spécifier la taille du tableau lors de sa création.
- Même s'il n'est pas recommandé de le faire, les tableaux en Javascript peuvent contenir des valeurs de différents types. Il est donc possible de mettre des chaînes de caractères, des nombres, des objets et des valeurs booléennes dans un même tableau.
Modifier la taille d'un tableau
Comme mentionné ci-dessus, les tableaux en Javascript sont dynamiques. Il est donc possible d'ajouter et de retirer des éléments à tout moment. Pour ce faire, nous utilisons les méthodes push, pop, shift et unshift.
À n'importe quel moment, vous pouvez connaître la taille d'un tableau en utilisant la propriété length. Cette propriété retourne le nombre d'éléments dans le tableau.
Accéder aux éléments
Pour accéder à un élément d'un tableau, on utilise son index. L'index est un nombre entier qui représente la position de l'élément dans le tableau. Les indices commencent à 0, donc le premier élément du tableau a l'index 0. Pour accéder à un élément, on utilise les crochets []. Voici un exemple:
Si vous ne voulez pas utiliser les crochets, vous pouvez aussi utiliser la méthode at qui fonctionne essentiellement de la même manière. Cette fonction est plus récente et apporte une fonctionnalité supplémentaire, celle de retourner une valeur en partant de la fin du tableau. Pour ce faire, on peut fournir un index négatif. Un index de -1 retournera le dernier élément du tableau.
Autres fonctions
Javascript possède de nombreuses autres fonctions pour manipuler les tableaux. Nombreuse de ces fonctions sont difficile à comprendre pour les débutants, mais elles sont très utiles pour les développeurs plus avancés. Nous ne les couvrirons pas toutes dans ce cours, mais voici quelques-unes des plus courantes:
| Fonction | Description |
|---|---|
| sort | Trie les éléments du tableau. Par défaut, les éléments sont triés en ordre croissant. |
| reverse | Inverse l'ordre des éléments du tableau. Le premier élément devient le dernier et vice-versa. |
| splice | Permet d'ajouter ou de retirer des éléments d'un tableau à une position donnée. |
| concat | Fusionne deux tableaux en un seul. Les éléments du deuxième tableau sont ajoutés à la fin du premier tableau. |
| slice | Retourne une sous-section du tableau. Les éléments retournés sont ceux entre les indices fournis. |
| join | Fusionne tous les éléments du tableau en une seule chaîne de caractères. Le tableau doit uniquement contenir des chaînes de caractère. Un séparateur peut être fourni pour séparer les éléments. |
| includes | Vérifie si un élément est présent dans le tableau. Retourne true si l'élément est présent, false sinon. |
| indexOf | Retourne l'index de la première occurrence d'un élément dans le tableau. Retourne -1 si l'élément n'est pas présent. |
Vous pouvez trouver plus d'information sur ces fonctions et plusieurs autres dans la documentation de MDN sur les tableaux.