Źle stworzone tablice?

Question

Witam,

logic(){
		this.tilesArray = [256];
		this.arrayNr = 0;
		for(let i = 0; i < 16; i++){
			for(let j = 0; j < 16; j++){
				this.arrayNr ++;
				this.text = this.mapa[1][1];
				switch(this.text.charAt(j)){
					case ' ' : 
						this.mx += 32;
						this.tilesArray[this.arrayNr][this.g.tile, this.mx, this.my];
					break;
					case 'c' : 
						
					break;
				}
				//this.mx = 0;
				this.my += 32;
			}
		}
	}

Nie wiem dlaczego po uruchomieniu tego kodu jest wyrzucany błąd:

TypeError: this.tilesArray[this.arrayNr] is undefined

Kod ma zrobić 256 tablic, później w pętli do tych tablic po kolei są wrzucane kolejno: grafika, x, y. Wie ktoś co zrobiłem źle?

Answer 1

this.tilesArray = [256];

Stworzyłeś tablice, która ma jeden element o wartości 256

Comments

To jak mam stworzyć to prawidłowo? Pętlą? Czy po kolei robić 256 tablic, chociaż nie wiem czy to ma sens.

---

Pusta tablica i push-ujesz do niej wartości.

https://developer.mozilla.org/pl/docs/Web/JavaScript/Referencje/Obiekty/Array/push

---

Myślałem nad tym, ale to rozwala trochę moją koncepcję, bo w tedy to będzie wyglądać tak:

tablica = ["1", "2", "3", "4", "5", "6"]

a mój zamysł jest taki:

tablica[1] = ["1", "2", "3"]

tablica[2] = ["4", "5", "6"]

---

Możesz użyć obiektu:

var arr = [];
arr.push({
  tile: mTile,
  x: mx,
  y: my
});

---

Nawet nie wiedziałem, że można tego  użyć w ten sposób. Dzięki.

Answer 2

Pomijasz zerowe miejsce w tablicy, ponieważ inkrementujesz "this.arrayNr" przed przypisaniem czegokolwiek do tablicy a ostatnie miejsce określane przez "this.arrayNr" nie istnieje.

Comments

Niestety nic to nie zmienia.

---

Tak jak napisałeś, źle stworzona tablica. Aktualnie ma jeden element o wartości 256.

this.tilesArray = new Array(256);

 

---

W większości przypadków nie ma sensu w JS deklarować z góry wielkości tablicy.