Imaginez que vous possédez plusieurs livres, disons 5. Ces livres sont éparpillés sur le sol, et il n'est pas toujours pratique d'atteindre celui dont vous avez besoin. C'est ainsi que les variables et les données sont dispersées dans la mémoire de votre appareil.

Quelle est la solution à ce problème ?

Achetez une étagère et placez-y les livres. Cette étagère jouera le rôle d'un tableau dans notre code. Depuis l'étagère, nous pouvons facilement prendre les livres, en voyant les titres sur les couvertures. Mais dans un tableau, un système différent est utilisé pour accéder aux éléments : il s'agit de l'indexation. Chaque livre aura son propre index dans le tableau, et en se référant à cet index, nous pouvons récupérer l'élément souhaité.

Assez de texte, passons au code :

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Nous avons représenté l'étagère sous forme de tableau. Passons brièvement en revue la syntaxe utilisée :

let books: type[] - Ici, nous définissons le name et le type de notre tableau. Nous typons le tableau avec le type string[] puisqu'il contiendra des titres de livres. Faites attention aux symboles [] que nous indiquons avec le type. Ces symboles précisent qu'il s'agit bien d'un tableau, et non d'une simple variable ;
= [element1, element2, element3, ..., elementN]; - Ici, nous attribuons des valeurs au tableau. Notez la syntaxe : nous attribuons des valeurs de type string séparées par des virgules à l'intérieur de crochets ([]). Il s'agit de notre étagère avec les titres de différents livres.

Q : La question se pose, comment obtenir le livre dont j'ai besoin sur l'étagère ?

R : La réponse est - par l'index.

Indexation

À présent, nous pouvons récupérer un élément de notre étagère à livres. Cela se fait facilement :


              123
            
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
var favoriteBook = books[2];
console.log(favoriteBook)

La syntaxe est arrayName[index]. De cette manière, il est possible d’accéder aux éléments de notre 'étagère à livres.'

Il convient également de prêter attention au numéro d’index ; l’élément à l’index 1 correspond au deuxième élément du tableau. Il s’agit d’un indexage basé sur zéro, ce qui signifie que le premier élément a l’index 0, le deuxième 1, le troisième 2, et ainsi de suite.

Pour accéder au dernier élément de notre 'étagère à livres', il faut accéder à l’élément à l’index 4, car il y a un total de 5 éléments, ce qui fait de 4 le dernier index. Cela peut être exprimé par la formule suivante : index = element's_position_in_order - 1.

Modification des éléments d’un tableau

Il est possible de remplacer ou modifier un élément du tableau en y accédant via son index ; cela s’effectue ainsi :


              123
            
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
books[5] = "Harry Potter"
console.log(books[5])

C'est très simple à réaliser ; l'essentiel est de choisir le bon indice. Cependant, un bon programmeur connaît généralement bien ses tableaux. Dans le prochain chapitre, vous apprendrez à modifier, ajouter et supprimer correctement des éléments d'un tableau. Il reste encore beaucoup à découvrir !

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 1

Demandez à l'IA

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

Suggested prompts:

Can you explain what happens if I try to access an index that doesn't exist in the array?

How can I find out the length of an array in TypeScript?

What happens if I assign a value to an index that is beyond the current length of the array?

Awesome!

Completion rate improved to 2.94

Glissez pour afficher le menu

Quelle est la solution à ce problème ?

Assez de texte, passons au code :

let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]

Nous avons représenté l'étagère sous forme de tableau. Passons brièvement en revue la syntaxe utilisée :

let books: type[] - Ici, nous définissons le name et le type de notre tableau. Nous typons le tableau avec le type string[] puisqu'il contiendra des titres de livres. Faites attention aux symboles [] que nous indiquons avec le type. Ces symboles précisent qu'il s'agit bien d'un tableau, et non d'une simple variable ;
= [element1, element2, element3, ..., elementN]; - Ici, nous attribuons des valeurs au tableau. Notez la syntaxe : nous attribuons des valeurs de type string séparées par des virgules à l'intérieur de crochets ([]). Il s'agit de notre étagère avec les titres de différents livres.

Q : La question se pose, comment obtenir le livre dont j'ai besoin sur l'étagère ?

R : La réponse est - par l'index.

Indexation

À présent, nous pouvons récupérer un élément de notre étagère à livres. Cela se fait facilement :


              123
            
let books: string[] = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
var favoriteBook = books[2];
console.log(favoriteBook)

La syntaxe est arrayName[index]. De cette manière, il est possible d’accéder aux éléments de notre 'étagère à livres.'

Modification des éléments d’un tableau

Il est possible de remplacer ou modifier un élément du tableau en y accédant via son index ; cela s’effectue ainsi :


              123
            
let books = ["Where the Crawdads Sing", "Educated", "Becoming", "The Silent Patient", "The Water Dancer"]
books[5] = "Harry Potter"
console.log(books[5])

Tout était clair ?

Merci pour vos commentaires !

Section 3. Chapitre 1

Déclaration et Avantages des Tableaux

Indexation

Modification des éléments d’un tableau

Awesome!

Déclaration et Avantages des Tableaux

Indexation

Modification des éléments d’un tableau