Javascript for Kids · Lekcja

Odczytywanie właściwości

Pobieraj wartości z obiektów

Odczytywanie właściwości to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Javascript for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Zajrzyjmy do skrzyni 🔍

Zbudowaliście skrzynię skarbów (obiekt). Teraz zajrzyjmy do środka i wyjmijmy jeden ze skarbów!

Pobieranie wartości z obiektu nazywamy odczytywaniem właściwości. 🪙

Magiczna kropka ✨

Aby wyjąć skarb, wpiszcie nazwę skrzyni, kropkę ., a następnie klucz.

To tak, jakbyście powiedzieli: dog KROPKA name, proszę! 🐶

let dog = { name: 'Rex', age: 4 }
console.log(dog.name)

Pobierzmy liczbę 🔢

Kropka działa ze WSZYSTKIMI skarbami, nie tylko ze słowami! Pobierzmy wiek psa.

Wypróbujcie to i zobaczcie, jak pojawia się liczba!

let dog = { name: 'Rex', age: 4 }
console.log(dog.age)

Pobierzmy dwa skarby 🪙🪙

Możecie odczytać dowolną liczbę skarbów! Za każdym razem wystarczy użyć kropki.

Tutaj odczytujemy zarówno imię, JAK I wiek.

let cat = { name: 'Mittens', age: 2 }
console.log(cat.name)
console.log(cat.age)

Umieśćmy to w zdaniu 💬

Możemy połączyć skarby w zdaniu za pomocą znaku +, aby łączyć słowa!

Spójrzcie, jak nasz robot 🤖 wita się, używając własnego imienia.

let robot = { name: 'Beep' }
console.log('Hi, I am ' + robot.name)

Matematyka ze skarbami ➕

Jeśli skarb jest liczbą, możecie wykonywać na nim działania matematyczne!

Dodajmy psu jeszcze jeden rok. 🎂

let dog = { name: 'Rex', age: 4 }
console.log(dog.age + 1)

Odczytywanie danych bohatera 🦸

Odczytajmy dane ze skrzyni superbohatera! Pobierzmy jego imię i moc.

let hero = {
  name: 'Captain Star',
  power: 'flying'
}
console.log(hero.name)
console.log(hero.power)

Pisownia ma znaczenie! 🐝

Klucz musi być zapisany DOKŁADNIE tak samo. name to nie to samo co Name!

Jeśli wpiszecie go niepoprawnie, otrzymacie undefined (co oznacza: „Nie mogę znaleźć tego skarbu”). 🤷

let dog = { name: 'Rex' }
console.log(dog.Name)

Połącz i wyświetl 🎁

Odczytajmy skrzynię z przekąską i zbudujmy zabawny komunikat na jej temat!

let snack = { name: 'Cookies', amount: 12 }
console.log('I have ' + snack.amount + ' ' + snack.name)

Skarby true i false 🚦

Możecie także odczytywać skarby typu true/false! Świetnie nadają się do pytań, na które można odpowiedzieć tak lub nie.

Czy ten robot jest przyjazny? Sprawdźmy!

let robot = { name: 'Beep', isFriendly: true }
console.log(robot.isFriendly)

Teraz Wy odczytujecie 🌟

Oto skrzynia zwierzaka. Spróbujcie samodzielnie odczytać skarb color! Zmieńcie linię i uruchomcie kod.

let pet = {
  name: 'Bubbles',
  color: 'orange'
}
console.log(pet.color)

Szybkie sprawdzenie ✅

Czas sprawdzić wiedzę! 🧠 Pokażcie, co wiecie o odczytywaniu skarbów.

Powtórzenie: odczytywanie 🎉

Świetna robota, poszukiwacze skarbów! 🗺️ Nauczyliście się ODCZYTYWAĆ właściwości.

Używajcie kropki: chest.key
Zapisujcie klucz dokładnie tak samo 🐝
Łączcie skarby w zdania za pomocą +

Teraz: jak ZMIENIAĆ skarby znajdujące się w skrzyni! 🔧

Często zadawane pytania

Czy lekcja „Odczytywanie właściwości” jest bezpłatna?

Tak — pełny tekst „Odczytywanie właściwości” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Javascript for Kids, przejdź na CoddyKit PRO. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Co nauczysz się w „Odczytywanie właściwości”?

Pobieraj wartości z obiektów Ćwiczysz Javascript for Kids z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Javascript for Kids?

Nie wymagamy żadnego doświadczenia. Javascript for Kids w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.

Ile czasu zajmuje lekcja „Odczytywanie właściwości”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Javascript for Kids?

Tak. Każda lekcja Javascript for Kids zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do Javascript for Kids