Tableau à deux dimensions d'objets

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" :P.

Je déclare donc mon objet :

Code:

---

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:

---

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:

---

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 :weird:

Je ne suis pas particulièrement pressé, mais je suis là, perplexe, bloqué, dans l'incompréhension la plus totale 8O.
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 :D

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

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

Code:

---

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 :D

Code:

---

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:

---

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

---

C'est comme si j'effectuais un

Code:

---

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

---

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

Merci ;)

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

Code:

---

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 :

Citation:

---

Envoyé par https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/fill

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 ) );.

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:

---

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 }` ); } }

---