JavaScript: Pętla for in

0:00Następną pętlą, którą omówimy w języku JavaScript, jest pętla for in i ona służy

0:05głównie do iterowania po właściwościach obiektu. Czyli zobacz

0:08mam tutaj taki obiekt, gdzie wpisałem sobie imię, nazwisko, wiek.

0:12Zapisałem to w formie takich stringów, ale mogłoby to być również bez tych

0:15cudzysłowów i teraz będę chciał przeiterować po wszystkich

0:18właściwościach, czyli właśnie tych kluczach tego obiektu i je sobie wyświetlić.

0:22Więc ta pięta wygląda tak, że piszemy for

0:24i następnie tworzymy sobie zmienną, pod którą będzie przechowywany klucz.

0:27Czyli możemy powiedzieć np.

0:29key jak klucz in person, czyli tutaj podajemy obiekt. I to

0:33oznacza tylko tyle, że za każdą iteracją tej pętli tutaj pod key będziemy mieli

0:38imię, nazwisko, wiek po kolei. Czyli tyle razy się wykona ile jest kluczy w tym

0:42obiekcie i pod key będzie właśnie taka wartość.

0:46Co zatem możemy zrobić?

0:47Wyświetlimy sobie w konsoli w takim Template String klucz, czyli np.

0:50imię i będę chciał zrobić potem dwukropek nazwisko.

0:53Więc jakby to wyglądało. Zinterpolujemy sobie

0:55tutaj key czyli jak mówiłem pod key będzie np.

0:58imię, potem sobie dodamy np.

1:00dwukropek i chcę wyświetlić wartość.

1:02A więc jak odwołać się do tej wartości

1:04Maciej mając odwołanie do imię?

1:06Otóż jeżeli mamy dostęp do obiektu person

1:08to moglibyśmy powiedzieć person imię i to nam zwróci

1:11Maciej. To skoro pod key mamy imię to możemy dokładnie coś takiego zrobić.

1:15Również sobie to tutaj zinterpoluje,

1:17odwołam się do person i następnie do key, który właśnie przyjął wartość imię

1:21w tej iteracji pierwszej pętli. Zobaczmy jak to wygląda.

1:25Oczywiście wyświetli nam to jak widzisz cały obiekt.

1:29Innym ciekawym zastosowaniem może być

1:30kopiowanie wartości z jednego obiektu do drugiego.

1:34Bo pokazywałem Ci w tym kursie, że jeżeli

1:36byśmy sobie utworzyli person 2 i przypisali tam person 1 czyli ten obiekt to będziemy

1:41mieli tak naprawdę dwie stałe, które kierują na ten sam obiekt.

1:44A jeżeli chciałbym utworzyć nowy obiekt to mogę utworzyć go tutaj.

1:47To jest zupełnie nowy obiekt i teraz za

1:49pomocą pętli for przekopiować wszystkie dostępne tutaj klucze i ich wartości.

1:54Zrobilibyśmy to tak.

1:55For let key in person, czyli dokładnie tak samo i iterujemy po tym pierwszym

2:01obiekcie i będę chciał jego właściwości przekopiować do drugiego obiektu.

2:05Więc mogę powiedzieć person 2 key,

2:08czyli tu zostanie podstawione np.

2:10imię i chcę to ustawić na taką wartość jak person 1 key.

2:15Mam nadzieję, że to jest jasne. Czyli person 2 imię

2:17ustawiam na to co pobrałem z person 1 pod kluczem imię czyli będzie to Maciej.

2:23Jeżeli coś takiego zrobimy i na końcu

2:24wyświetlimy sobie ten obiekt person 2 to on powinien być jak widzisz identyczny jak

2:29obiekt person 1, natomiast są to dwa różne obiekty.

2:32Gdybyśmy je porównali czy person równa się person 2 otrzymamy false, bo nie są to

2:38dokładnie te same obiekty. One tylko mają identyczne właściwości i ich wartości.