CodeGym /Cours /Frontend SELF FR /Tableaux en JavaScript

Tableaux en JavaScript

Frontend SELF FR
Niveau 34 , Leçon 2
Disponible

8.1 Création de tableaux

Tableaux en JavaScript — structure de données qui permet de stocker des collections ordonnées de valeurs. Ces valeurs peuvent être de n'importe quel type, y compris des nombres, des chaînes de caractères, des objets et même d'autres tableaux. Les tableaux en JavaScript sont dynamiques, c'est-à-dire que leur taille peut changer pendant l'exécution du programme.

Création et initialisation des tableaux :

1. Avec un littéral de tableau

La façon la plus simple de créer un tableau est d'utiliser des crochets [] :

JavaScript
    
      let array1 = []; // tableau vide
      let array2 = [1, 2, 3]; // tableau avec trois éléments
    
  

2. Avec un constructeur de tableau

Le constructeur de tableau Array permet de créer des tableaux en utilisant une fonction :

JavaScript
    
      let array1 = new Array(); // tableau vide
      let array2 = new Array(3); // tableau de longueur 3 (tous les éléments indéfinis)
      let array3 = new Array(1, 2, 3); // tableau avec trois éléments
    
  

3. Remplissage du tableau avec des valeurs

On peut remplir un tableau avec des valeurs après sa création :

JavaScript
    
     let array = [];
     array[0] = 'apple';
     array[1] = 'banana';
     array[2] = 'cherry';
    
  

8.2 Accès aux éléments du tableau

Les éléments du tableau sont indexés à partir de zéro. L'accès aux éléments se fait avec des crochets :

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      console.log(fruits[0]); // "Apple"
      console.log(fruits[1]); // "Banana"
      console.log(fruits[2]); // "Cherry"
    
  

Modification des éléments du tableau

Les éléments du tableau peuvent être modifiés à l'aide des indices :

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      fruits[1] = "Blueberry";
      console.log(fruits); // ["Apple", "Blueberry", "Cherry"]
    
  

Propriété length

La propriété length renvoie le nombre d'éléments dans le tableau :

JavaScript
    
      let fruits = ["Apple", "Banana", "Cherry"];
      console.log(fruits.length); // 3
    
  

8.3 Méthodes de tableau pour ajouter et supprimer des éléments

1. Méthode push

La méthode push() ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur du tableau :

JavaScript
    
      let fruits = ['apple', 'banana'];
      fruits.push('cherry'); // ['apple', 'banana', 'cherry']
      console.log(fruits.length); // 3
    
  

2. Méthode pop

La méthode pop() supprime le dernier élément du tableau et le renvoie :

JavaScript
    
      let fruits = ['apple', 'banana', 'cherry'];
      let last = fruits.pop(); // 'cherry'
      console.log(fruits); // ['apple', 'banana']
    
  

3. Méthode shift

La méthode shift() supprime le premier élément du tableau et le renvoie. Tous les autres éléments sont décalés d'une position vers la gauche :

JavaScript
    
      let fruits = ['apple', 'banana', 'cherry'];
      let first = fruits.shift(); // 'apple'
      console.log(fruits); // ['banana', 'cherry']
    
  

4. Méthode unshift

La méthode unshift() ajoute un ou plusieurs éléments au début du tableau et renvoie la nouvelle longueur du tableau :

JavaScript
    
      let fruits = ['banana', 'cherry'];
      fruits.unshift('apple'); // ['apple', 'banana', 'cherry']
      console.log(fruits.length); // 3
    
  
1
Mission
Frontend SELF FR, niveau 34, leçon 2
Bloqué
Modification d'un tableau
Modification d'un tableau
1
Mission
Frontend SELF FR, niveau 34, leçon 2
Bloqué
Ajout d'éléments
Ajout d'éléments
Commentaires
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION