Obiekty — JavaScript

Obiekt grupuje informacje pod nazwanymi kluczami.

Jak to działa?

Właściwości obiektu odczytasz przez kropkę, np. user.name, lub przez nawiasy user["name"]. Możesz je później zmieniać.

Przykład 1 — poznaj zapis

const user = {
  name: "Kasia",
  age: 27
};

console.log(user.name);
user.age = 28;

Obiekt user zawiera pola name i age.

Przeczytaj kod linijka po linijce

const user = {Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(user.name);Wyświetlamy wartość, aby sprawdzić efekt działania programu.
user.age = 28;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Kasia (pole age zmienia się w obiekcie na 28)

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

const user = { name: "Ala", city: "Lublin" };
console.log(`${user.name} z ${user.city}`);

Wynik drugiego przykładupo uruchomieniu przykładu

Ala z Lublin

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Dodaj do obiektu pole city i wypisz je w konsoli.