Discussion :

[Salzem]

Bonjour à toutes et à tous.

Je suis encore assez débutant en Javascript, je code habituellement en C mais je veux m'essayer à d'autres langages.
Ici, je veux simplement faire un classique "Jeu de la vie" .

Je déclare donc mon objet :

Code :

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

1
2
3
4
5
6
7
 
var Cellule=
		{
			actif : false,
			age : 0,
			abouge : false,
		};

Ici on ne s'intéresse qu'à "actif", qui permet de savoir si la cellule est vivante ou non.
J'initialise un tableau :

Code :

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

1
2
3
4
5
6
7
8
 
var i=0, j=0;
			var tableau = [];
			for (j=0; j<20; j++)
			{
				for (i=0; i<20; i++)
					tableau.push(Object.create(Cellule));
			}

Et quand je fais la commande, par exemple (ça marche avec toutes les valeurs)

Code :

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

1
2
 
tableau[5,5].actif=true;

Je change aussi la valeur du tableau[i de 0 à 19,5].actif à "true".
C'est assez handicapant

Je ne suis pas particulièrement pressé, mais je suis là, perplexe, bloqué, dans l'incompréhension la plus totale .
Peut-être est-ce parce que j'ai pris des habitudes en C qui ne fonctionnent pas dans ce langage.

Merci pour votre lecture et votre aide

[NoSmoking]

Bonjour,
tu es un grand chanceux, il y a peu sur ce forum : Double array d'objets.

[Salzem]

Je tiens à préciser que j'ai bien lu le post, qui normalement était parfaitement adapté à mon problème.
Alors j'initialise dorénavant ma Cellule comme ceci

Code :

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

1
2
3
4
5
6
7
 
function Cellule(actif, age, abouge)
		{
			this.actif = actif;
			this.age = age;
			this.abouge = abouge;
		}

Je crée ensuite un tableau 2D avec le constructeur Cellule comme ceci

Code :

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

1
2
3
4
5
6
7
8
 
var i=0, j=0;
			var tableau = new Array (20);
			tableau.fill(new Array (20));
			for (var item of tableau);
			{
				item.fill(new Cellule(false, 0, false));
			}

Malheureusement quand je fais un petit

Code :

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

1
2
 
tableau[5][5].actif = true;

C'est comme si j'effectuais un

Code :

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

tableau[i de 0 à 19][j de 0 à 19].actif=true

Donc maintenant tout le tableau change d'état...
Que faire?

Merci

[danielhagnoul]

Le code-ci-dessous donne un résultat correct :

Code JavaScript :

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
function Cellule( actif, age, abouge ){
  this.actif = actif;
  this.age = age;
  this.abouge = abouge;
}
 
const
  longueur = 20,
  tableau = new Array( longueur );
 
// initialisation du tableau
for ( let i = 0; i < longueur; i++ ){
  tableau[ i ] = new Array( longueur );
 
  for ( let j = 0; j < longueur; j++ ){
    tableau[ i ][ j ] = new Cellule( false, 0, false );
  }
}
 
// test
tableau[1][1].age = 66;
tableau[5][5].actif = true;
tableau[15][3].abouge = true;
 
// debug, console, touche F12
for ( let [ i, item ] of tableau.entries() ){
  for ( let [ j, jtem ] of item.entries() ){
    console.log( `[ ${i}, ${j} ] : actif = ${ jtem.actif }, age = ${ jtem.age }, abouge = ${ jtem.abouge }` );
  }
}

EDIT :

La méthode fill() remplit tout les éléments d'un tableau entre deux index avec une valeur statique.

Il est normal que cela ne fonctionne pas pour un objet, car il affecte le même objet à chaque cellule du tableau. Il est impossible de faire tableau.fill( new Array( longueur ) );.

[danielhagnoul]

La méthode fill ne peut prendre qu'une valeur statique, mais on peut construire et initialiser un tableau simple ou un tableau à deux dimensions avec Array.from(arrayLike[, fonctionMap[, thisArg]]).

Voir : https://developer.mozilla.org/fr/doc...aux/Array/from
Et : http://exploringjs.com/es6/ch_arrays.html#Array_from

Exemple :

Code JavaScript :

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
function Cellule( actif, age, abouge ){
  this.actif = actif;
  this.age = age;
  this.abouge = abouge;
}
 
const
  longueur = 20,
  tableau = Array.from( new Array( longueur ), () => Array.from( new Array( longueur ), () => new Cellule( false, 0, false ) ) );
 
// test
tableau[1][1].age = 66;
tableau[5][5].actif = true;
tableau[15][3].abouge = true;
 
// debug, console, touche F12
for ( let [ i, item ] of tableau.entries() ){
  for ( let [ j, jtem ] of item.entries() ){
    console.log( `[ ${i}, ${j} ] : actif = ${ jtem.actif }, age = ${ jtem.age }, abouge = ${ jtem.abouge }` );
  }
}