[Js] Kolejność wykonywania?

Question

Witam.

Zastanawia mnie jedna rzecz.

Za pomocą ajax pobieram dane w formacie JSON wygląda to mniej więcej tak:

[{
	"event_id": "65",
	"title": "Programowanie",
	"color": "00FFFF",
	"name": "test1",
	"date": "2018-05-08 23:00:00",
	"duration": "30",
	"status": "0"
}, {
	"event_id": "73",
	"title": "Kino",
	"color": "000080",
	"name": "Test2",
	"date": "2018-05-08 16:00:00",
	"duration": "45",
	"status": "0"
I tak dalej

Po pobraniu chciałbym datę z tekstu zamienić na obiekt Date więc robię coś takiego:

xhr.addEventListener('load', e =>
        {
            if(xhr.status === 200)
            {
                this.controlData = JSON.parse(xhr.responseText);
                console.log(this.controlData); //1
                this.controlData.forEach(e => {
                   e.date = new Date(e.date);
                });
                console.log(this.controlData); //2
            }
        });

No i ok wszystko fajne tylko dlaczego w konsoli cała tablica jest taka sama w 1 jak i w 2. Zmiana nie powinna nastąpić dopiero po wypisaniu 1?

Answer 1

Może dlatego, że to ten sam obiekt i próbujesz go zbadać już po wykonaniu całego kodu?

https://puu.sh/ArH8f/63eea86d09.mp4

Comments

Jak po wykonaniu? Badam go w dwóch miejscach przed forEach i po. A konsola zwraca mi zmienioną tablice w console.log-u który znajduję się przed forEach. Czyli inaczej obydwa console.log pokazują mi już obiekt ze zmienionym typem daty.

---

Spójrz na moje video. W obiekcie zalogowanym "przed" modyfikacją po zbadaniu pojawiła się wartość "po".

W każdym razie, spróbuj zrobić to w debuggerze - zatrzymaj program przed wywołaniem `forEach`. Wtedy zapewne zobaczysz wartości "przed".

---

Ok teraz rozumiem czyli inaczej console.log  wyświetla mi obiekt z aktualnymi/najnowszymi wartościami a nie tylko coś w stylu wydruku w jakim aktualnie się dany obiekt znajduje.

---

(Tak, coś w tym stylu - sama wartość pokazana domyślnie w console.log raczej się nie zmieni z czasem, ale próba głębszej inspekcji takiego obiektu już tak.)

---

Ok dzięki