Discussion :

[sietjp]

Bonjour,

Peut-on affecter les tableaux javascript avec la même liverté qu'en PHP ?

C'est à dire :

var a=new Array(3);

a[12]='toto';
a[17]='titi';
a[250]='titi';
a[700]='titi';

Est ce que les index sont gérés un par un après ce code ou se retrouve-t-on avec ne tableau de 701 éléments?

J'ai fait quelques tests qui semblent dire que c'est possible mais j'ai rencontré des problèmes inexpliqués par la suite qui me font craindre que cela ne soit pas vraiment correct de faire ça (jardinage?).

[guy777]

Excellente question !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var a=new Array(4);
 
        a[12]='toto';
        a[17]='titi';
        a[250]='titi';
        a[700]='titi';
 
        alert(a.length);

Ce code nous affiche 701 !!! Reste maintenant à savoir si il a réellement créé 701 cases ou non !!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var a=new Array(4);
 
        a[12]='toto';
        a[17]='titi';
        a[250]='titi';
        a[700]='titi';
 
        alert(a[15]);

Il nous retourne 'undefined' ce qui prouve bien que la 16e case du tableau n'a pas été créée, et il en est de même pour toutes les autres index (sauf les quatre initialisés), je pense plutôt à un "bug" de la propriétés length des tableaux ...

Je n'ai rien trouvé à ce sujet dans les doc javascript (pour l'instant)

[guy777]

Dans l'excellente doc de Mozilla Developper Center, on a ceci :

http://developer.mozilla.org/en/docs..._Objects:Array

Dans cette page (en anglais) on nous explique que le fait d'indexer "à la main" un tableau va influer sur le length. Voici leur exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
colors = new Array();
colors[99] = "midnightblue";

length = 100
Par contre il ne disent pas comment remédier à cela (si ce n'est de bien respecter les index, préférez array.push())

[Matthieu2000]

var a=new Array();

a['12']='toto';
a['17']='titi';
a['250']='titi';
a['700']='titi';

alert(a.length);

+

parseInt

[SpaceFrog]

ce problème est traité dans la FAQ ...

[SpaceFrog]

De notre excellent ami Javatwister dasn la FAQ :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script type="text/javascript">
 
var tab = new Array();
 
tab["un"] = "valeur de un";
tab["un"] = "valeur de un"; // définition doublée volontairement
tab["deux"] = "valeur de deux";
tab["deux"] = "valeur de trois"; // redéfinition volontaire
tab[44] = "valeur de 44"; // indice numérique
 
 
 
function tabinfo(){
	var lg=0;
	var lignes="";
 
	for (ind in this){
		if(this.hasOwnProperty(ind)){	
			// seules les propriétés uniques 
			// et non héritées seront retenues
			lg++;
			lignes+='cle: ' + ind + ' ==> valeur: ' + this[ ind] + "\n";
		}
	}
 
	return  "ce tableau contient " + lg + " lignes:\n\n" + lignes;
}
 
Array.prototype.info=tabinfo;
 
 
alert( tab.info())
 
</script>

[guy777]

Très bon code, en effet. Merci SpaceFrog...

[sietjp]

Merci bien, j'ai passé le sujet à [résolu].