Informatique


Les tableaux à deux dimensions

Aller à

What is dat?

Le tableau à 2 dim est tout simplement un tableau de tableaux.

On créée un premier tableau (le bleu) et dans chaque cellule de celui-ci on créée un tableau (en vert).

D'après openclassroom.com


Déclarer un tableau à 2 dim

C'est exactement la même chose que pour les tableaux de 1 dim.

Syntaxe complète
Syntaxe
	var tab=new Array();
	
Syntaxe abrégée
Syntaxe
	var tab=[];
	

Affecter un tableau à 2 dim

Directement avec Array()
Démo
	<h2>Déclaration et affectation d'un tableau à deux dimensions</h2>
	<script>
	//Déclaration du tableau principal
	var supertab=new Array("1","brol",new Array(4,5,6,"coucou",87.5,true));
	console.log(supertab[1]); //renvoie brol
	console.log(supertab[2][3]); //renvoie coucou
	console.log(supertab);
	console.table(supertab);
	</script>
Directement avec []
Démo
	<h2>Déclaration et affectation d'un tableau à deux dimensions</h2>
	<script>
	//Déclaration du tableau principal
	var supertab=["1","brol",[4,5,6,"coucou",87.5,true]];
	console.log(supertab);
	console.table(supertab);
	</script>
Avec une boucle for

Soit le tableau supertab: le tuto suivant propose de remplir le tableau suivant avec pour chaque cellule la valeur de son indice de ligne.

Démo
	<h2>Déclaration et affectation d'un tableau à deux dimensions</h2>
	<script>
	//Déclaration du tableau principal
	var supertab=new Array(); //ou []
	// Déclaration d'un tableau dans chaque cellule du tableau supertab
	for(var i=0; i<3; i++){
	   supertab[i] = new Array(); //ou []
	}
	// on affecte avec la valeur de la ligne (i)
	for(var i=0; i<3; i++){
		for(var j=0; j<5; j++)
		  supertab[i][j] = i;
	}
	//On affiche le contenu du tableau
	for(var i=0; i<3; i++){
	   for(var j=0; j<5; j++){
		 document.write(supertab[i][j]);
		 }
		document.write("<br>");
	}
	</script>

Initialiser un tableau avec une valeur provenant de l'utilisateur

Soit le tableau supertab: le tuto suivant propose de remplir le tableau suivant.

Démo
	<h2>Déclaration et affectation d'un tableau à deux dimensions</h2>
	<script>
	//Déclaration du tableau principal
	var supertab=new Array();
	// Déclaration d'un tableau dans chaque cellule du tableau supertab
	for(var i=0; i<3; i++){
	   supertab[i] = new Array();
	}
	// on affecte avec la valeur de la ligne (i)
	for(var i=0; i<3; i++){
		for(var j=0; j<5; j++)
		  supertab[i][j] = window.prompt("Entrer une valeur","Pour la cellule ("+i+" , "+j+")") ;
	}
	//On affiche le contenu du tableau
	for(var i=0; i<3; i++){
	   for(var j=0; j<5; j++){
		 document.write(supertab[i][j]);
		 }
		document.write("<br>");
	}
	</script>