Array

Le tableau est un moyen pratique de stocker des données bien organisées.

voici un tableau nommé femmes avec des prénoms féminins et leurs index

femmes
0 Annie
1 Estelle
2 Yasmina
3 Fatoumata

Ce tableau sera créé ainsi en javascript

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Yasmina","Fatoumata");

//Chaque élément de ce tableau sera appelé avec son index entre crochets.

alert( femmes[0] );
alert( femmes[2] );
belle = femmes[3];
alert(belle);

</script>

Voici plusieurs autres méthodes pour créer un tableau

<script type="text/javascript">

tableauVide = new Array();

Element0 = "Gérard";
Element1= "Bernard";
nouvoTablo = new Array(Element0, Element1);

nombres = new Array(34,86,167,413);

var x = nombres[1];
alert(x);

</script>

javaScript tableaux Stéphane Jeanneau © 2008 page n° 1

Les objets des tableaux

length (nombre d'éléments)

concat() (concaténer des tableaux)

join() (transformer un tableau en chaîne de caractères)

pop() (effacer le dernier élément d'un tableau)

push() (ajouter de nouveaux éléments à un tableau)

reverse() (inverser l'ordre des éléments)

shift() (retirer le premier élément d'un tableau)

slice() (extraire une partie d'un tableau)

splice() (effacer et ajouter des éléments)

unshift() ((insérer des éléments au début d'un tableau)

______________________________________________________

length _ nombre d'éléments

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Yasmina","Fatoumata");

alert(femmes.length);

</script>

javaScript tableaux Stéphane Jeanneau © 2008 page n° 2

concat() _ concaténer des tableaux

<script type="text/javascript">

hommes = new Array("Gérard", "Bernard");

femmes = new Array("Annie","Estelle");

groupe = femmes.concat(hommes);

alert( groupe );

</script>

join() _ transformer un tableau en chaîne de caractères

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

sortie = femmes.join(" et ");
alert( sortie );

</script>

pop() _ effacer le dernier élément d'un tableau

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

alert( femmes.length );

femmes.pop();
alert( femmes.length );

</script>

javaScript tableaux Stéphane Jeanneau © 2008 page n° 3

push() _ ajouter de nouveaux éléments à un tableau

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

alert( femmes);

femmes.push("Joséphine");
alert( femmes );

</script>

reverse() _ inverser l'ordre des éléments

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

alert( femmes);

femmes.reverse();
alert( femmes );

</script>

shift() _ retirer le premier élément d'un tableau

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

alert( femmes);

femmes.shift();
alert( femmes );

</script>

javaScript tableaux Stéphane Jeanneau © 2008 page n° 4

slice() _ extraire une partie d'un tableau

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

alert( femmes);

extrait = femmes.slice(1,2);
alert( extrait );

</script>

splice() _ effacer et ajouter des éléments

Les troisième et quatrième éléments sont facultatifs,

si ils sont omis des éléments vides seront insérés et les valeurs remplacées.

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

alert( femmes);

femmes.splice(0,0,"Aïcha","Fatou");
alert( femmes );

femmes.splice(3,4);
alert( femmes );

</script>

unshift() _ insérer des éléments au début d'un tableau

<script type="text/javascript">

femmes = new Array("Annie","Estelle","Nathalie", "Élisa");

alert( femmes);

femmes.unshift("Aïcha","Fatou");
alert( femmes );

</script>

javaScript tableaux Stéphane Jeanneau © 2008 page n° 5