Les tableaux (Objet Array )

  1. Introduction
  2. Créer un tableau
  3. Les méthodes
  4. Exemple

1. Introduction

Certes, certaines personnes croient que dans ce cours nous allons créer des tableaux avec des lignes, des cellules comme on le fait en html. Eh bien, ce n’est pas le cas. Ici nous allons étudier l’objet array.

Il faut noter qu’un tableau (array) est très important en programmation. Imaginons quand nous voulons coder un programme contenant plusieurs variables, ça peut devenir difficile de les gérer. Alors pour résoudre ce problème, on crée une variable sous forme d’un tableau contenant toutes les variables.

Alors comment créer un tableau ?

2. Créer un tableau

Pour créer un tableau, on doit déclarer la variable array et l’attribuer ses valeurs.
Syntaxe :
var nom-de-la-variable = new array (valeur1, valeur2, valeur3…) ;
Ou
var nom-de-la-variable = new array ; tab[0]="valeur1"; tab[1]="valeur2"; … ; tab[n]="valeurn+1";"];
Ou bien
var nom-de-la-variable = ["valeur1", "valeur2", "valeur3",…, "valeurN"];

Prenons un exemple du cas où nous voulons stocker en mémoire l’identité d’une personne. On commencera par stocker son nom, son prénom, son âge, son sexe, sa nationalité et sa taille
Dans ce cas, nous ferons ceci :

Il faut noter que le JavaScript nous donne plusieurs manières de créer un tableau. Ce que nous venons de faire pour créer le tableau identite, nous pouvons aussi le faire de deux autres façons différentes :

Première façon :

Pourquoi on a commencé par tab[0] au lieu de tab[1] ?

Eh bien, j’avais oublié de vous dire qu’en JavaScript, tout comme la majorité des langages de programmation, le premier élément d’un tableau prend l’indice 0.

Deuxième façon :

Voila maintenant vous savez comment créer un tableau. Mais il faut noter que le tableau que nous venons de créer s’agit d’un tableau simple. Maintenant imaginons qu’on veut remplir un tableau de ce genre.
nom = Dubois, prenom=Olivier, age=32, sexe= masculin, nationnalite=francaise, taille =172cm.
Dans ce cas nous ferons ceci :

3. Les méthodes

  • join()

Elle joint les éléments d’un tableau dans une chaine.
Exemple :
Dans ce cas sonid sera nom, prenom,age,sexe,nationalite,taile.

  • concat()

Elle joint les éléments de deux ou plusieurs tableaux.
Exemple :
Le resultat d’eleves sera Fatima, Janette, Christine, Joseph, Mohamed, Karihila.

  • reverse()

Elle inverse l’ordre des éléments d’un tableau.
Exemple :
Le résultat d’identite sera taille, nationalite, sexe, age, prenom,nom.

  • sort()

Elle fait un tri du plus grand au plus petit ou inversement (cas des nombres). Elle fait tri par ordre alphabétique (cas de chaîne de caractères).
Exemple :
Le résultat d’identite sera age, nationalite, nom, prenom, sexe, taille.

  • slice()

Elle sélectionne des éléments dans un tableau.
Exemple :
Le résultat de nom sera nom, prenom.

  • splice()

Elle ajoute un ou plusieurs éléments dans un tableau.
Exemple :
Le résultat d’identite sera nom,prenom,age,teint,sexe, nationalite,taile.

  • shift()

Elle enlève le premier éléments d’un tableau.
Exemple :
Le résultat d’identite sera prenom,age,sexe,nationalite,taille.

  • unshift()

Elle ajoute un ou plusieurs éléments au début d’un tableau.
Exemple :
Le résultat d’identite teint,nom,prenom,age,sexe,nationalite,taille.

  • push()

    Elle ajoute un ou plusieurs éléments à la fin d’un tableau
  • pop()

    Elle enlève le dernier élément d’un tableau.

4. Exemple



Une question? Cliquez ici pour la poser.

Retour sur le portail du JavaScript