Javascript |
Ce cours ne nécessite aucune connaissance informatique préalable, excepté celle du HTML. Le Javascript est un langage de programmation appliqué aux objets d'un document HTML.
L'objet Array
Liste des propriétés d'un tableau :
|
Liste des méthodes de l'objet :
Les tableaux sont utilisé pour transmettre des données par référence aux fonctions : voir "langage - valeur/référence".
Table de données : définition et utilisation |
En Javascript, une variable est un objet. De ce fait, les notions d'objet peuvent s'appliqué sur toutes les variables ; nous pouvons donc y ajouter les méthode de conversion numérique (valueOf()) et de chaîne (toString()). Nous pouvons dire que chaque variable est un regroupement de données et de méthode, donc un objet.
Un tableau est aussi un objet. La particularité de celui-ci, est de pouvoir indexé les éléments (propriétés) numériquement, sans leurs données de nom. De plus, l'objet procède des méthodes propres qui lui permet de convertir la table, et de trier ses éléments.
Pour définir un tableau, vous devez déclarer une instance (variable) de l'objet tableau :
syntaxe : [var] instance = new Array( [taille | liste_d'élément] );
Lorsque vous avez créer une instance (variable) de l'objet tableau, elle possède les méthodes de l'objet tableau, et ses propres propriétés (données) Ces propriété aussi appelé élément du tableau, à l'exception de "length", peuvent être de format différent.
Pour affecté un élément d'un tableau, il suffi de l'indexer :
syntaxe : tab[ index ] = valeur ;
Où tab est le nom de l'instance (variable), index le numéro de l'élément (commence toujours à zéro), et valeur l'affectation.
Cette exemple nous montre quelque affectation, simple, habituelle et dangereuse : regardons le pas à pas :
En /*G*/, nous définition et affectons le tableau Tab3 avec les éléments 'C' et 'D', d'index respectivement 0 et 1 ; En /*H*/, nous affichons le contenu de Tab3.
En /*I*/, nous déclaration d'une variable de référence pointant sur les données de Tab2. Tab2 et Tab4 sont les même objet ; c'est-à-dire que toutes les données sont commun. Ainsi, l'affectation en /*J*/ est faite sur le tableau Tab2.
En /*K*/, nous affichons le contenu des quatre tableaux.
Pour plus d'information sur la méthode eval(), reportez-vous à : "langage : eval()". @@@
Table de données : ajout et troncature |
Ajouter : pour ajouter un élément dans un tableau, il vous suffit de l'indexé. Ainsi, sur un tableau de taille, pas exemple, nul, vous pouvez ajouter l'élément 25 directement en l'indexant (Ex : Tab[25] = 'coucou'). Dans ce cas, l'ensemble des éléments d'index inférieur inexistant sont créer sans affectation (undefined).
Supprimer : vous ne pouvez pas supprimer d'élément dans tableau. Cependant, vous pouvez lui affecter "undefined", se qui vous permettra de prendre connaissance de sont état. Dans le cas où cette élément serez en fin de tableau, vous pouvez tronquer l'élément pour le supprimer.
Tronquer : la propriété length n'est pas en lecture seul. De ce fait, vous pouvez la modifier pour tronquer ou agrandir un tableau. Ce procédé est fonctionnel sur IE4 et Netscape.
Tableau multidimensionnels |
L'objet Array ne nous permet pas, à première vu, de définir directement des tableaux à plusieurs dimensions. Cependant, nous pouvons très bien définir un tableau dont chacun de ces éléments seront des tableaux.
Notions mathématique : certain informaticien parle de vecteur lorsqu'il s'agie de table (tableau) à une dimension : nous noterons m, la dimension du vecteur. Définir un tableau à deux dimension revient à générer un tableau de n vecteur. Nous parlerons dans ce cas d'une matrice de dimension (n × m), où m est la dimension du vecteur, et n le nombre d'élément vecteur contenue dans le tableau.
Pour plus d'information sur les boutons radio, reportez-vous à "formulaire - radio".
Autre |
Pour d'autres information sur l'affectation et l'utilisation d'un tableau, reportez-vous à : "langage - tableau". Les tableau sont aussi utilisés pour transmettre des arguments par référent : "langage - valeur/référence".
Array - length |
Un objet tableau est un regroupement d'élément (objet) accessible par indexage numérique.
Array - join(séparateur) |
Array - reverse() |
Array - sort([fonction_ordre]) |
Cette fonction trie les éléments d'un tableau selon l'ordre spécifier par la fonction, ou par ordre alphanumérique (numérique ou alphabétique) à défaut de spécification.
Dernière mise à jour : dimanche 06 janvier 2008 |