Les tableaux en JavaScript


Que sont les Arrays ?

Array en JavaScript est un type qui est utilisé pour stocker plusieurs articles ou une liste d’articles lorsque l’ordre importe. Gardez à l’esprit que array est de typeof objet 🤷🏽♂

Chaque élément du tableau est accompagné d’un index. L’index est la position de l’élément dans le tableau. Les tableaux ont un index basé sur 0. Le premier élément du tableau a l’index 0, le deuxième élément du tableau a l’index 1 et ainsi de suite.

Le nombre total d’éléments dans le tableau est la longueur du tableau.

Comment créer un tableau ?

// Using the square bracket notation
const carArray = ["Honda", "BMW", "Ferrari", 27, true];

// Using new keyword
const bikeArray = new Array("Honda", "Ducati", "Yamaha");

🚨 Avertissement : Il n’est pas recommandé d’utiliser le nouveau mot-clé pour créer un tableau. Voir ci-dessous.

Comment savoir si une variable est un tableau ?

Depuis que le typeof array est objet, lorsque vous faites ce qui suit :

const carArray = ["Honda", "BMW", "Ferrari", 27, true];
console.log(typeof(carArray)); // output will be object!

vous devez plutôt faire

const carArray = ["Honda", "BMW", "Ferrari", 27, true];
console.log(Array.isArray(carArray)); // true

Nous pouvons également

const carArray = ["Honda", "BMW", "Ferrari", 27, true];
carArray instanceof Array; // true

Comment accéder aux propriétés d’un tableau lorsqu’il n’a pas de clés ?

Utilisez l’index !

const carArray = ["Honda", "BMW", "Ferrari", 27, true];
console.log(carArray[2]); // Ferrari

Gardez à l’esprit que même si Ferrari est le 3ème élément du tableau, il est désigné par l’indice 2 car les tableaux sont basés sur l’indice 0.

Changer les éléments d’un tableau

Vous pouvez définir les valeurs dans un tableau de la même manière que vous récupérez les valeurs. Les deux actions utilisent un index.

const carArray = ["Honda", "BMW", "Ferrari", 27, true];
carArray[2] = "Mazda";
console.log(carArray); // [ 'Honda', 'BMW', 'Mazda', 27, true ] 

Combien d’articles y a-t-il dans un tableau ?

Utilisez le length propriété !

const carArray = ["Honda", "BMW", "Ferrari", 27, true];
console.log(carArray.length); // 5

Et si vous avez besoin d’accéder au dernier élément d’un tableau, vous pouvez le faire :

const carArray = ["Honda", "BMW", "Ferrari", 27];
console.log(carArray[carArray.length - 1]); // 27

Méthodes d’échantillonnage communes

Nous discuterons d’une tonne de méthodes dans les prochains billets de blog, au fur et à mesure que nous approfondirons les tableaux. Pour l’instant, il y a deux méthodes communes dont j’aimerais discuter :

  1. Poussez : Cela vous permet d’ajouter un élément à la fin du tableau
   const carArray = ["Honda", "BMW", "Ferrari", 27, true];
   carArray.push("Mazda");
   console.log(carArray); // [ 'Honda', 'BMW', 'Ferrari', 27, true, 'Mazda' ] 
  1. Trier :
    Ceci permet de trier le tableau en place. C’est une méthode mutable. Elle va changer le tableau original !
   const carArray = ["Honda", "BMW", "Ferrari", 27, true];
   carArray.sort();
   console.log(x); // [ 27, 'BMW', 'Ferrari', 'Honda', true ] 

Pourquoi ne pas utiliser le nouveau mot-clé lors de la création d’un tableau ?

Le crochet [] et la notation new font la même chose en créant un tableau vide ou en créant un tableau avec la valeur passée.

Le new Cependant, le mot-clé a parfois des résultats inattendus.

let score = new Array(5, 10);
console.log(score); // [ 5, 10 ]

score = new Array(5);
console.log(score); // [ , , , ,  ]

Le premier exemple crée un tableau avec les éléments 5 et 10. Le deuxième exemple, par contre, crée un tableau avec 5 éléments indéfinis au lieu d’un tableau avec l’élément 5 !

Soyez le premier à commenter

Poster un Commentaire

Votre adresse de messagerie ne sera pas publiée.


*