Discussion :

[dadou846]

Bonjour,

J'espère trouver entre vous quelqu'un qui peut m'aider à comprendre ce petit bout de code en javascript.
Je désire créer une grille de jeu et j'ai tombé sur ce bout de code que j'ai pas bien compris.
le code JS : je ne comprend pas, voir ligne 19

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
 generationGrille() {
 
        var x = 0,
 
            y = 0,
 
            ligne = [],
 
            obstacles,
 
            casetab;
 
        for (y = 0; y < 11; y += 1) {
 
            ligne = [];
 
            for (x = 0; x < 11; x += 1) {
 
               ligne.push("U");  // <**** je comprends pas l’intérêt de ce U ****
 
            }
 
            this.carte.push(ligne);
 
        }

code html :

Code HTML :

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

1
2
3
4
5
6
7
<table id='carte'>
 
                <tbody>
 
                </tbody>
 
            </table>

Et le CSS :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
td {
 
    background-image:url("../../image/case.png");
 
    height:50px;
 
    width:50px;
 
    background-size:contain;
 
    background-repeat:no-repeat;
 
    text-align:center; /* Pour centrer les images de joueurs */
 
}

merci d'avance

[SpaceFrog]

A priori je dirais que ça initialise un tableau avec l'état des cellules ...

[psychadelic]

ça fait ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
this.carte[0][0] = 'U';
this.carte[0][1] = 'U';
this.carte[0][2] = 'U';
// ...etc
this.carte[0][9]  = 'U';
this.carte[0][10] = 'U';
this.carte[1][0]  = 'U';
this.carte[1][1] = 'U';
// ... / ... etc / etc
this.carte[10][10] = 'U';

et ça s'écrit plus simplement :

Code :

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

1
2
3
4
5
 for (let y=0; y<11; y++) {
    for (let x=0; x<11; x++) {
      this.carte[x][y]  = 'U';
    }
  }

SI LE TABLEAU this.carte est bien VIDE au départ.

et sauf avoir surchargé l'instruction push(ce qui serait un gros délire pour remplir une table html), il n'y a aucun rapport entre <table id='carte'> et this.carte, en tout cas pas dans le code que tu nous montres