Apprendre Travail Avec les Éléments de Tableau

Vous savez déjà comment créer des tableaux, mais que ferez-vous si votre supérieur vous demande de supprimer le premier ou le dernier élément du tableau ? Ou peut-être d'ajouter un élément au tableau ? Et si l'on vous demande de trouver la longueur du tableau (le nombre d'éléments dans le tableau) ? Dans ce cas, vous pourriez dire que vous ne savez pas comment faire, et vous risqueriez de perdre votre emploi 😩.

Mais ne vous inquiétez pas ! Dans ce chapitre, je vais vous expliquer comment procéder, et nous allons examiner les méthodes de base pour manipuler les tableaux !

Ajouter des éléments à un tableau

Commençons par la chose la plus simple : comment ajouter un élément à un tableau ? Pour cela, vous pouvez utiliser la méthode push ! Voyons un exemple :


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Ainsi, nous avons ajouté un élément au tableau numbers. Il est également possible d'ajouter plusieurs éléments à la fois en utilisant la méthode push :


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Suppression du dernier élément

Pour retirer discrètement le dernier élément du tableau, il est possible d'utiliser la méthode pop(). Cette méthode supprime le dernier élément du tableau et le retourne. Voici un exemple :


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Notez que retourner une valeur signifie l’assigner à une autre variable. Ainsi, nous assignons une valeur à une variable en utilisant une méthode de tableau. Nous aborderons ce que sont les méthodes, les fonctions et leurs différences dans la section suivante.

Suppression du premier élément

La méthode shift() supprime le premier élément du tableau et retourne sa valeur, par exemple :


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Il existe également une méthode reverse qui, au contraire, ajoute un ou plusieurs éléments au début du tableau et retourne la nouvelle longueur du tableau, par exemple :


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Combinaison de tableaux

TypeScript permet également de combiner deux tableaux à l'aide de la méthode concat(), qui retourne un nouveau tableau, plus grand :


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);

Il est également possible d’extraire une portion d’un tableau et de la stocker dans un nouveau tableau à l’aide de la méthode slice(). Il est nécessaire de spécifier les indices des éléments extrêmes, et tous les éléments compris entre ces indices seront transférés dans un nouveau tableau. Par exemple :


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Remarque

Le slicedArray contient les éléments de l'indice 1 (inclus) à l'indice 4 (exclus), il inclut donc les éléments aux indices 1, 2 et 3.

Ce ne sont pas toutes les méthodes et façons de travailler avec les tableaux, mais ce sont les méthodes de base qu'un débutant doit connaître. Au fur et à mesure de votre apprentissage de TypeScript, vous découvrirez de nouvelles méthodes, ou peut-être que ce que nous avons appris dans ce chapitre sera suffisant pour vous.

1. Que fait la méthode `push` lorsqu'elle est appliquée à un tableau en TypeScript ?

2. Quelle méthode est utilisée pour supprimer le premier élément d'un tableau en TypeScript ?

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 2

Demandez à l'IA

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

Awesome!

Completion rate improved to 2.94

Glissez pour afficher le menu

Mais ne vous inquiétez pas ! Dans ce chapitre, je vais vous expliquer comment procéder, et nous allons examiner les méthodes de base pour manipuler les tableaux !

Ajouter des éléments à un tableau

Commençons par la chose la plus simple : comment ajouter un élément à un tableau ? Pour cela, vous pouvez utiliser la méthode push ! Voyons un exemple :


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Ainsi, nous avons ajouté un élément au tableau numbers. Il est également possible d'ajouter plusieurs éléments à la fois en utilisant la méthode push :


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Suppression du dernier élément


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Suppression du premier élément

La méthode shift() supprime le premier élément du tableau et retourne sa valeur, par exemple :


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Il existe également une méthode reverse qui, au contraire, ajoute un ou plusieurs éléments au début du tableau et retourne la nouvelle longueur du tableau, par exemple :


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Combinaison de tableaux

TypeScript permet également de combiner deux tableaux à l'aide de la méthode concat(), qui retourne un nouveau tableau, plus grand :


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Remarque

Le slicedArray contient les éléments de l'indice 1 (inclus) à l'indice 4 (exclus), il inclut donc les éléments aux indices 1, 2 et 3.

1. Que fait la méthode `push` lorsqu'elle est appliquée à un tableau en TypeScript ?

2. Quelle méthode est utilisée pour supprimer le premier élément d'un tableau en TypeScript ?

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 2

Travail Avec les Éléments de Tableau

Ajouter des éléments à un tableau

Suppression du dernier élément

Suppression du premier élément

Combinaison de tableaux

1. Que fait la méthode push lorsqu'elle est appliquée à un tableau en TypeScript ?

2. Quelle méthode est utilisée pour supprimer le premier élément d'un tableau en TypeScript ?

Awesome!

Travail Avec les Éléments de Tableau

Ajouter des éléments à un tableau

Suppression du dernier élément

Suppression du premier élément

Combinaison de tableaux

1. Que fait la méthode push lorsqu'elle est appliquée à un tableau en TypeScript ?

2. Quelle méthode est utilisée pour supprimer le premier élément d'un tableau en TypeScript ?

1. Que fait la méthode `push` lorsqu'elle est appliquée à un tableau en TypeScript ?

1. Que fait la méthode `push` lorsqu'elle est appliquée à un tableau en TypeScript ?