Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Récapitulatif sur la Maîtrise des Tableaux JavaScript | Maîtriser Les Tableaux JavaScript
Structures de Données JavaScript

bookRécapitulatif sur la Maîtrise des Tableaux JavaScript

Les tableaux sont des structures de données utilisées pour stocker et manipuler des collections de valeurs.

Création de tableaux

  • Les tableaux en JavaScript sont créés à l'aide de crochets [] et sont appelés littéraux de tableau ;
  • Les éléments du tableau sont séparés par des virgules.
// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Accès aux éléments d'un tableau

  • Les indices des tableaux commencent à 0, ce qui signifie que le premier élément a un indice de 0, le deuxième élément a un indice de 1, etc. ;
  • Les éléments spécifiques d'un tableau peuvent être accédés en utilisant des crochets avec l'indice de l'élément.
const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Modification des éléments d'un tableau

Les éléments d'un tableau peuvent être modifiés en y accédant via leur indice et en leur attribuant une nouvelle valeur.

colors[1] = "yellow";
numbers[0] = 10;

Longueur d’un tableau

La propriété length d’un tableau indique le nombre d’éléments qu’il contient. Elle s’ajuste automatiquement lorsque des éléments sont ajoutés ou supprimés.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Recherche du dernier élément

Pour obtenir la valeur du dernier élément d’un tableau, il est possible de calculer son indice en utilisant la longueur du tableau, soit array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

Boucle For

  • La boucle for est utilisée pour parcourir un tableau élément par élément ;
  • Elle utilise une variable de compteur de boucle (par exemple, i) pour accéder à chaque élément par son indice ;
  • La boucle continue tant que le compteur est inférieur à la longueur du tableau ;
  • Il s’agit d’un outil fondamental pour l’itération sur les tableaux.
for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

Boucle For...of

  • La boucle for...of est une méthode plus moderne et concise pour parcourir les tableaux ;
  • Elle gère automatiquement le compteur de boucle et fournit un accès direct à la valeur de chaque élément ;
  • Elle simplifie l'itération sur les tableaux, rendant le code plus clair et lisible.
for (const color of colors) {
  console.log(color);
}
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 9

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.27

bookRécapitulatif sur la Maîtrise des Tableaux JavaScript

Glissez pour afficher le menu

Les tableaux sont des structures de données utilisées pour stocker et manipuler des collections de valeurs.

Création de tableaux

  • Les tableaux en JavaScript sont créés à l'aide de crochets [] et sont appelés littéraux de tableau ;
  • Les éléments du tableau sont séparés par des virgules.
// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Accès aux éléments d'un tableau

  • Les indices des tableaux commencent à 0, ce qui signifie que le premier élément a un indice de 0, le deuxième élément a un indice de 1, etc. ;
  • Les éléments spécifiques d'un tableau peuvent être accédés en utilisant des crochets avec l'indice de l'élément.
const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Modification des éléments d'un tableau

Les éléments d'un tableau peuvent être modifiés en y accédant via leur indice et en leur attribuant une nouvelle valeur.

colors[1] = "yellow";
numbers[0] = 10;

Longueur d’un tableau

La propriété length d’un tableau indique le nombre d’éléments qu’il contient. Elle s’ajuste automatiquement lorsque des éléments sont ajoutés ou supprimés.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Recherche du dernier élément

Pour obtenir la valeur du dernier élément d’un tableau, il est possible de calculer son indice en utilisant la longueur du tableau, soit array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

Boucle For

  • La boucle for est utilisée pour parcourir un tableau élément par élément ;
  • Elle utilise une variable de compteur de boucle (par exemple, i) pour accéder à chaque élément par son indice ;
  • La boucle continue tant que le compteur est inférieur à la longueur du tableau ;
  • Il s’agit d’un outil fondamental pour l’itération sur les tableaux.
for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

Boucle For...of

  • La boucle for...of est une méthode plus moderne et concise pour parcourir les tableaux ;
  • Elle gère automatiquement le compteur de boucle et fournit un accès direct à la valeur de chaque élément ;
  • Elle simplifie l'itération sur les tableaux, rendant le code plus clair et lisible.
for (const color of colors) {
  console.log(color);
}
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 9
some-alt