Objet Array (tableau) JavaScript

Recevez 1000 visiteurs par jour en provenance de Google
Téléchargez gratuitement notre guide explicatif

Objet Array (tableau) JavaScript

L'objet Array (tableau) est utilisé pour stocker plusieurs valeurs dans une seule variable.

Qu’est ce que un array ?

Un array est une variable spéciale, qui peut tenir plus d'une valeur, à la fois.
Si vous avez une liste d’articles (une liste de noms, par exemple), le stockage des noms dans des variables simples pourrait ressembler à ceci :

Var nom1= " Philipe " ; Var nom2= " Justin " ; Var nom3= " Luis " ;

Cependant, si vous voulez faire une boucle sur des variables nom et trouver un spécifique ?
Et si vous n'aviez pas que 3 noms, mais 300 ? ou 3000 ? ou même plus ?!!!

La meilleure solution ici est d'employer un array !
Un array permet de créer des tableaux et de travailler avec eux.
Un array peut tenir toutes vos valeurs de variables sous un seul nom simple. Et vous pouvez accéder aux valeurs en se rapportant au nom de l'array.

Chaque élément dans l'array a sa propre identification de sorte qu'on puisse facilement y accéder.

Comment créez Un array

Un array peut être définie de trois manières.
Le code suivant crée un objet array appelé mesNom :
1 : On peut créer Un array de la manière suivante :

var mesNom=new Array();
/* array (ajouter un entier optionnel argument pour contrôler la taille du tableau )*/
mesNom[0]="Philipe";
mesNom[1]="Justin";
mesNom[2]="Luis";

2 : Ou de celle la :

var mesNom=new Array("Philipe","Justin","Luis")

3 :Ou encor comme ceci :

var mesNom=["Philipe","Justin","Luis"]

Note : Si vous spécifiez des nombres ou les rectifiez/valeurs faux à l'intérieur de la array alors que le type variable sera nombre ou booléen, au lieu de la corde.

Accédez à Un array

Vous pouvez se référer à un élément particulier dans Un array en se rapportant au nom de l'array et de l'index. Les d'index débutent par 0.
La ligne de code suivante :

document.write (mesNom [0]) ;

Aura comme conséquence le résultat suivant : Philipe

Modifiez les valeurs dans Un array

Pour modifier une valeur dans Un array existant, ajoutez juste une nouvelle valeur à l'array avec un index spécifique :

mesNom [0] = " Piere " ;

Maintenant, la ligne de code suivante :

document.write (mesNom [0]) ;

Aura comme conséquence le résultat suivant : Piere

Exemples de l’utilisation des tableaux (array ) de javascript
Voici quelques exemples pour manipuler l’objet Date.
Exemple comment créer Un array (tableau) et afficher ses éléments en javascript

<html>
<body>

<script type="text/javascript">
// créer le tableau array
var mesNom = new Array();
mesNom[0]="Philipe";       
mesNom[1]="Justin";
mesNom[2]="Luis";
//affichage des éléments
for (i=0;i<mesNom.length;i++)
{
document.write(mesNom[i] + "<br />");
}
</script>
</body>
</html>

Exemple comment ranger par ordre les élèment d’Un array fonction sort()

<html>
<body>
<script type="text/javascript">
var mesNom=["Philipe","Justin","Luis"];
document.write(mesNom.sort());
</script>
</body>
</html>

Exemple créer un tableau (array) de nombres et afficher les éléments par ordre croissant

<html>
<body>
<script type="text/javascript">
function ordreCroissant(a, b)
{
return a - b;
}
var nombres = [11, 2, 40, 85, 101, 6];
var somme = nombres[0]+ nombres[1] ;
document.write(" la somme du deux premiers éléments est : "+somme+"<br />" ) ;
document.write(nombres.sort(ordreCroissant));
</script>
</body>
</html>

Pour créer un tableau de nombre on n’a pas besoin de guillemets ; si on les met les nombre seront considérés comme du texte voir l’exemple suivant

Exemple nombres considérés comme du texte

<html>
<body>
<script type="text/javascript">
function ordreCroissant(a, b)
{
return a - b;
}
var nombres = ["11", "2", "40", "85", "101", "6"];
document.write(" la somme du deux premiers élèments est : "+somme+"<br />" 
document.write(nombres.sort(ordreCroissant));
</script>
</body>
</html>

Exemple créer un tableau (array) de nombres et afficher les éléments par ordre décroissant

<html>
<body>
<script type="text/javascript">
function ordreDecroissant(a, b)
{
return b - a;
}
var nombres = [11, 2, 40, 85, 101, 6];
var somme = nombres[0]+ nombres[1] ;
document.write(" la somme du deux premiers éléments est : "+somme+"<br />" ) ;
document.write(nombres.sort(ordreDecroissant));
</script>
</body>
</html>

Cours precedent: