Iterowanie po obiekcie - brak poprzednich obiektów

Question

Witam,

możecie mi powiedzieć dlaczego pętla po obiekcie wywołuje tylko 12 obiektów? Powinna wywołać 72 obiekty. Chodzi konkretnie o ten kawałek kodu:

function balconyCreateSeats(){

		var balcony_seats_object = {};

		var temp_place_x = 0;
		var temp_place_y = 0;

		var start_draw_x = 170;
		var start_draw_y = 160;
        
       // balcony number --> 6
		for(var i = 0; i < balcony_number_row; i++){

			//balcony capacity ---> 12
			for(var j = 0; j < baclony_capacity_seats; j++){

				balcony_seats_object[j] = {
					row: i,
					seats: j,
					color: '#000000',
					font: '18px serif',
					pos_x: 340 + ((j + temp_place_x) - start_draw_x),
					pos_y: start_draw_y + (i + temp_place_y),
					width: seats_width,
					height: seats_height,
					checked: false

				};


				ctx.strokeRect(balcony_seats_object[j].pos_x, balcony_seats_object[j].pos_y, balcony_seats_object[j].width, balcony_seats_object[j].height);
				temp_place_x += seats_width + seats_margin;

			};

			temp_place_y += seats_width + seats_margin;

			start_draw_x += baclony_capacity_seats * (seats_width + seats_margin);

		};


        // tutaj sprawdzam ilosc obiektow
		for(var v in balcony_seats_object){

			console.log(balcony_seats_object[v]);

		};


	};

 

Tutaj załączam kod, w console logu będzie widoczne.

https://jsbin.com/tacowerage/edit?html,js,console,output

Answer 1

5 razy nadpisujesz pierwsze 12 miejsc

balcony_seats_object[j] <- brakuje zależności od i

Comments

// balcony_seats_object[i][j]//
balcony_seats_object[i, j] = {
					row: i,
					seats: j,
					color: '#000000',
					font: '18px serif',
					pos_x: 340 + ((j + temp_place_x) - start_draw_x),
					pos_y: start_draw_y + (i + temp_place_y),
					width: seats_width,
					height: seats_height,
					checked: false

				};

coś takiego?

I w jaki sposób po tym iterować? Cały czas mi zwraca ostatnią pętlę z 12-stoma obiektami

---

const ROWS = 6
const SEATS_IN_ROW = 12

const seats = []
for (let row = 0; row < ROWS; row++) {
	seats[row] = [] // Dla każdego rzędu stwórz tablicę siedzeń
	
	// Dodaj siedzenia do aktualengo rzędu
	for (let seat = 0; seat < SEATS_IN_ROW; seat++) {
		seats[row][seat] = { 
			desc: `row: ${ row }, seat: ${ seat }`
		}
	}
}

console.log(seats)

---

Dziękuję Ci bardzo za pomoc, nie wpadłem na to :)!