JavaScript Arrays Methods - Part 1
Un tableau est un objet en JavaScript. Utilisez-le pour stocker plusieurs valeurs dans une seule variable.
Au lieu de créer des variables distinctes pour chaque élément, utilisez un seul tableau.
Exemple : let students = ["John", "David", "Alex"];
Chaque valeur est un élément. Chaque élément possède un index commençant par 0.
• Index 0 : John • Index 1 : David • Index 2 : Alex
Essential Array Concepts
- La propriété length La propriété length vous indique le nombre total d'éléments. C'est une propriété, pas une fonction. N'utilisez pas de parenthèses.
• Correct : arr.length • Incorrect : arr.length()
Vous pouvez modifier la longueur pour ajouter ou supprimer des éléments. Si vous diminuez la longueur, JavaScript supprime les éléments excédentaires. Si vous l'augmentez, JavaScript crée des emplacements vides.
toString() Cette méthode convertit votre tableau en une chaîne de caractères. Elle joint les éléments avec des virgules. Elle ne modifie pas le tableau d'origine.
join() Utilisez cette méthode lorsque vous avez besoin d'un séparateur personnalisé.
• fruits.join(" | ") renvoie "Apple | Orange | Banana" • fruits.join("-") renvoie "Apple-Orange-Banana"
- at() Cette méthode renvoie un élément à un index spécifique. Elle prend en charge les nombres négatifs.
• arr.at(-1) renvoie le dernier élément. • arr.at(-2) renvoie l'avant-dernier élément.
pop() Cette méthode supprime le dernier élément de votre tableau. Elle renvoie l'élément supprimé. Cela modifie votre tableau d'origine.
Array.isArray() Utilisez ceci pour vérifier si une valeur est un tableau. L'opérateur typeof renvoie "object" pour les tableaux, il n'est donc pas fiable.
• Array.isArray([]) renvoie true • Array.isArray({}) renvoie false
concat() Utilisez ceci pour fusionner deux tableaux ou plus. Cela ne modifie pas les tableaux d'origine. Cela renvoie un tout nouveau tableau.
copyWithin() Cette méthode copie une partie d'un tableau à une nouvelle position dans le même tableau. Elle écrase les éléments existants.
Important Note on delete L'opérateur delete supprime un élément mais conserve la même longueur de tableau. Cela crée un trou vide dans votre tableau. Utilisez d'autres méthodes si vous souhaitez supprimer des éléments et réduire la taille du tableau.
Source: https://www.w3schools.com/js/js_array_methods.asp
Complete guide: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7