Les Tableaux

JavaScript ..le bras droit d'HTML

<<Page précédente

Table des Matières

Page suivante>>

INTERNET Construction de Pages Web

Les Tableaux

Les Tableaux Les Tableaux de JavaScript:

Il existe certaines propriétés d'Objet qui sont en fait des tableaux....c'est-à dire des listes indexées d'objets JavaScript.
Par exemple...

Tableaux d'Objets JavaScript Leurs principales Propriétés Exemples

anchors length,

applets length,name alert(document.applets[0].name)

elements length,value,name, document.fo.elements[3].value="abc"

embeds length..pas reconnu par IExplorer

forms length,action,elements[],encoding,method,target document.forms[0].zoneA.value="12"

frames length,name,parent,self,window alert(frames.length)

images length,src,border,complete,height,hspace,lowsrc,vspace,width document.images[1].src="logo.gif"

links length,href,hash,host,hostname,pathname,port,protocol,query,target alert(links[2].href)

plugins length,desciption,filename,mimeTypes[],mimeTypes.length,name alert(pluggins.length)

Nos Tableaux perso !

Il est possible de créer des tableaux pour notre usage personnel.
Il existe pour cela l'objet Array .
Par exemple , nous voulons créer un tableau dont chaque case comportera un Nom de personne.
Sous JavaScript ...

var noms = new Array(25);

Le tableau est alors créé avec 25 cases..
Pour exploiter ce tableau ...

noms[0]="Jeannot" ; noms[1]="Jeanette"

Une propriété très utile d'un tableau est sa longueur en nombre d'éléments...par exemple:

alert('Le nombre d'éléments est : ' + noms.length);

Nous venons d'aborder la création et l'exploitation des tableaux à 1 seule dimension.

Mais il est possible, au prix d'une astuce, de créer et exploiter des Tableaux multidimensionnels..

Par exemple ..
Nous voulons créer et exploiter un tableau représentant les cases d'un échiquier ou damier ou bataille navale.
Donc nous avons besoin d'un tableau à 2 dimensions..( en Horizontal et Vertical ou X et Y).

Créons d'abord un tableau à 1 dimension..donc:

damier=new Array(16);

// voila un tableau de 16 cases..

Il nous reste à créer 16 tableaux contenant un tableau de 16 cases tel celui ci-dessus.

damier[0]= nex Array(16);

damier[1]=new Array(16);

// et ainsi de suite jusqu'à

damier[15]=new Array(16);

Il est un peu fastidieux d'écrire toutes ces lignes..!...On peut faire plus subtil..( et en plus, si notre tableau devait avoir 100 cases sur 100 cases ...!!! aïe!..voici donc une meilleure solution..

for ( var i=0;i<16;i++) damier[i]=new Array(16);

Et voila..c'est Tout!!

Mais comment atteindre une certaine case de ce tableau..??

damier[3][6]=false; //

Remarquez les 2 jeux d'accolades..

Les Propriétés des tableaux que nous pouvons créer sont:

Méthode Action Exemple

join() concaténer les éléments d'1 tableau ( argument facultatif spécifiant le caractère séparateur d'élément ) noms.join('-')

reverse() inverser la position de tous les éléments d'1 tableau ( le 1er passe en fin et inversement..) noms.reverse();

sort() trie les éléments d'un tableau.Il est possible de fournir en argument le nom d'une fonction qui sera automatiquement appelée pour comparer les valeurs de proche en proche..
Si cet argument n'est pas fourni, les éléments seront convertisen chaines de caractères et trier par ordre alphabétique.. noms.sort()

<<Page précédente

Table des Matières

Page suivante>>

Tableaux d'Objets JavaScript	Leurs principales Propriétés	Exemples
anchors	length,
applets	length,name	alert(document.applets[0].name)
elements	length,value,name,	document.fo.elements[3].value="abc"
embeds	length..pas reconnu par IExplorer
forms	length,action,elements[],encoding,method,target	document.forms[0].zoneA.value="12"
frames	length,name,parent,self,window	alert(frames.length)
images	length,src,border,complete,height,hspace,lowsrc,vspace,width	document.images[1].src="logo.gif"
links	length,href,hash,host,hostname,pathname,port,protocol,query,target	alert(links[2].href)
plugins	length,desciption,filename,mimeTypes[],mimeTypes.length,name	alert(pluggins.length)

Méthode	Action	Exemple
join()	concaténer les éléments d'1 tableau ( argument facultatif spécifiant le caractère séparateur d'élément )	noms.join('-')
reverse()	inverser la position de tous les éléments d'1 tableau ( le 1er passe en fin et inversement..)	noms.reverse();
sort()	trie les éléments d'un tableau.Il est possible de fournir en argument le nom d'une fonction qui sera automatiquement appelée pour comparer les valeurs de proche en proche.. Si cet argument n'est pas fourni, les éléments seront convertisen chaines de caractères et trier par ordre alphabétique..	noms.sort()