Explication de code sur une boucle

Version imprimable

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:

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:

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

Et le CSS :

Code:

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

05/11/2018, 13h47
SpaceFrog

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

ça fait ça :
Code:

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:

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