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 :
<script> var identite = new array ("nom", "prenom","age","sexe","nationalite","taille"); </script>

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 :
<script> var identite=new Array; tab[0]="nom"; tab[1]="prenom"; tab[2]="age"; tab[3]="sexe"; tab[4]="nationalite"; tab[5]="taille"; var longueur=tab.length; </script>

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 :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; </script>

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 :
<script> var tab=new Array; tab["nom"]="Dubois"; tab["prenom"]="Olivier"; tab["age"]="32"; tab["sexe"]="masculin"; tab["nationnalite"]="francaise"; tab["taille"]="172cm"; </script>

3. Les méthodes

• join()

Elle joint les éléments d’un tableau dans une chaine.
Exemple :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; var sonid = identite.join() ; </script> Dans ce cas sonid sera nom, prenom,age,sexe,nationalite,taile.

• concat()

Elle joint les éléments de deux ou plusieurs tableaux.
Exemple :
<script> var filles = ["Fatima", "Janette", "Christine"]; var garcons =["Joseph", "Mohamed", "Karihila"]; var eleves = filles.concat(garcons); </script> Le resultat d’eleves sera Fatima, Janette, Christine, Joseph, Mohamed, Karihila.

• reverse()

Elle inverse l’ordre des éléments d’un tableau.
Exemple :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; identite. reverse() ; </script> 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 :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; identite.sort() ; </script> Le résultat d’identite sera age, nationalite, nom, prenom, sexe, taille.

• slice()

Elle sélectionne des éléments dans un tableau.
Exemple :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; var nom = identite.slice(0,1) ; </script> Le résultat de nom sera nom, prenom.

• splice()

Elle ajoute un ou plusieurs éléments dans un tableau.
Exemple :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; identite.splice(3,"teint"); </script> 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 :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; identite.shift(); </script> 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 :
<script> var identite = ["nom", "prenom", "age","sexe","nationalite", "taille"]; identite.unshift("teint"); </script> 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