Travailler Avec les Éléments de Tableau

Vous savez déjà comment créer des tableaux, mais que ferez-vous si votre patron vous dit de supprimer le premier ou le dernier élément du tableau ? Ou peut-être ajouter un élément au tableau ? Que faire si vous devez trouver la longueur du tableau (le nombre d'éléments dans le tableau) ? Alors vous direz que vous ne savez pas comment le faire, et vous pourriez être licencié 😩.

Mais ne vous inquiétez pas ! Dans ce chapitre, je vais vous expliquer comment le faire, et nous examinerons les méthodes de base pour travailler avec 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. Nous pouvons également 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

Si vous avez besoin de voler discrètement le dernier élément du tableau, vous pouvez le faire en utilisant la méthode pop(). Cette méthode supprime le dernier élément du tableau et le renvoie. Regardons 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 parlerons de 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 renvoie 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 inverse qui, au contraire, ajoute un ou plusieurs éléments au début du tableau et renvoie 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 nous permet également de combiner deux tableaux en utilisant la méthode concat(), qui nous renverra un nouveau tableau plus grand et frais :


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

Nous pouvons également extraire une portion d'un tableau et la stocker dans un nouveau tableau en utilisant la méthode slice(). Ici, nous devons spécifier les indices des éléments extrêmes et tous les éléments 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 des éléments de l'index 1 (inclus) à l'index 4 (exclus), il inclut donc les éléments avec les index 1, 2 et 3.

Ce ne sont pas tous les méthodes et moyens de travailler avec les tableaux, mais ce sont les méthodes de base qu'un débutant doit connaître. Au fur et à mesure que vous progressez dans l'apprentissage de TypeScript, vous découvrirez de nouvelles méthodes, ou peut-être que ce que nous avons appris dans ce chapitre vous suffira.

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

Introduction à TypeScript