Accueil    Javascript    Tableaux et objet Array
 



Javascript tableaux et objet array  Javascript : Tableaux et objet array

Index Javascript


Présentation



Les tableaux sont basés sur l'objet Array offrant des propriétés et méthodes adaptées à la manipulation des données d'un tableau. Ils permettent de travailler sur des ensembles de données et donnent la possibilité d'effectuer facilement des manipulations grâce à l'emploi des boucles et des structures conditionnelles.

Il faut garder en mémoire que l'index des tableaux débute à 0 et bien faire attention à l'écriture des méthodes, le javascript étant sensible à la casse (distinction des majuscules et minuscules).

Nous allons tout d'abord voir les méthodes permettant de créer un tableau, puis comment le valoriser ou lire ses données pour finalement voir les différentes méthodes que l'objet Array propose.


il existe plusieurs façons de déclarer un tableau en javascript :

var MonTableau = new Array();
var MonTableau = new Array("valeur 1", "valeur 2", "valeur 3");
var MonTableau = ["valeur 1", "valeur 2", "valeur 3"];

Exemple d'instanciation d'un tableau avec les jours de la semaine puis affichage des valeurs :

<script type="text/javascript">
   var arrJour = new Array("Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche");
   for (i = 0; i < arrJour.length; i++){
      document.write('<br />' + i + ' - ' + arrJour[i]);
   }
</script>

Résultat :



Propriétés et méthodes de l'objet Array




Propriété Description
length Retourne le nombre d'éléments contenus dans le tableau
MonTableau.length;
Méthode Description
concat() Permet de concaténer plusieurs tableau dans l'ordre de déclaration
MonTableau.concat(Tableau2, Tableau3);
join() Retourne une chaîne de caractère contenant tous les éléments du tableau séparés par le séparateur spécifié (par défaut la virgule)
MonTableau.join(Separateur)
pop() Supprime le dernier élément du tableau et retourne sa valeur
MonTableau.pop()
push() Ajoute les éléments spécifiés et retourne la nouvelle taille du tableau
TailleTableau = MonTableau.push(valeur1, valeur2)
reverse() Inverse les éléments du tableau, le dernier élément devenant le premier et ainsi de suite
MonTableau.reverse()
shift() Supprime et retourne le premier élément du tableau
MonTableau.shift()
slice() Génère un nouveau tableau à partir d'une section d'un tableau existant
MonTableau.slice(IndexDebut,IndexFin)
splice() Ecrase les valeurs d'un tableau à partir de l'index spécifié et sur le nombre d'éléments spécifié par les nouvelles valeurs transmises
MonTableau.splice(Index,NbElements, val1, ...valN)
sort() Retourne un tableau avec les éléments du tableau d'origine triés (le tableau d'origine ne change pas)
MonTableauTri = MonTableau.sort()
toString() Retourne l'ensemble des éléments contenus dans le tableau séparé par des virgules.
MonTableau.toString()
unshift() Ajoute un ou plusieurs éléments au début du tableau et retourne la nouvelle longueur de celui-ci
MonTableau.unshift(Valeur1, Valeur2, ...)
valueOf() Retourne la valeur de l'objet Array auquel elle fait référence