Чтение свойств
Получайте значения из объектов
«Чтение свойств» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.
Заглядываем внутрь сундука 🔍
Вы создали сундук с сокровищами (объект). Теперь давайте заглянем внутрь и достанем сокровище!
Получение значения из объекта называется чтением свойства. 🪙
Волшебная точка ✨
Чтобы достать сокровище, напишите имя сундука, точку ., а затем ключ.
Можно представить, будто вы говорите: dog DOT name, пожалуйста! 🐶
let dog = { name: 'Rex', age: 4 }
console.log(dog.name)Достаём число 🔢
Точка работает со всеми сокровищами ALL, а не только со словами! Давайте достанем возраст dog.
Попробуйте и увидите, как появится число!
let dog = { name: 'Rex', age: 4 }
console.log(dog.age)Достаём два сокровища 🪙🪙
Можно читать сколько угодно сокровищ! Просто используйте точку каждый раз.
Здесь мы читаем и имя AND возраст.
let cat = { name: 'Mittens', age: 2 }
console.log(cat.name)
console.log(cat.age)Вставляем в предложение 💬
Мы можем вставлять сокровища в предложение, используя знак + для соединения слов!
Посмотрите, как наш robot 🤖 здоровается, называя своё имя.
let robot = { name: 'Beep' }
console.log('Hi, I am ' + robot.name)Математика с сокровищами ➕
Если сокровище — это число, с ним можно выполнять математические действия!
Давайте прибавим dog ещё один год. 🎂
let dog = { name: 'Rex', age: 4 }
console.log(dog.age + 1)Читаем данные героя 🦸
Давайте прочитаем данные из сундука супергероя! Достанем имя и силу.
let hero = {
name: 'Captain Star',
power: 'flying'
}
console.log(hero.name)
console.log(hero.power)Важна точность написания! 🐝
Ключ нужно написать EXACTLY правильно. name — не то же самое, что Name!
Если написать его неправильно, получится undefined (то есть «я не могу найти это сокровище»). 🤷
let dog = { name: 'Rex' }
console.log(dog.Name)Объединяем и показываем 🎁
Давайте прочитаем сундук с закусками и составим забавное сообщение о нём!
let snack = { name: 'Cookies', amount: 12 }
console.log('I have ' + snack.amount + ' ' + snack.name)Сокровища true или false 🚦
Можно читать и сокровища true/false! Это удобно для вопросов с ответом «да» или «нет».
Дружелюбен ли этот robot? Давайте проверим!
let robot = { name: 'Beep', isFriendly: true }
console.log(robot.isFriendly)Теперь ваша очередь читать 🌟
Вот сундук с домашним животным. Попробуйте самостоятельно прочитать сокровище color! Измените line и запустите код.
let pet = {
name: 'Bubbles',
color: 'orange'
}
console.log(pet.color)Быстрая проверка ✅
Время показать знания! 🧠 Продемонстрируйте, что вы умеете читать сокровища.
Повторим чтение 🎉
Отличная работа, охотник за сокровищами! 🗺️ Вы научились READ свойства.
- Использовать точку:
chest.key - Писать ключ EXACTLY правильно 🐝
- Вставлять сокровища в предложения с помощью
+
Дальше: как CHANGE сокровища внутри сундука! 🔧
Часто задаваемые вопросы
Урок «Чтение свойств» бесплатный?
Да — полный текст урока «Чтение свойств» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.
Чему я научусь в уроке «Чтение свойств»?
Получайте значения из объектов Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Javascript for Kids?
Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.
Сколько времени занимает урок «Чтение свойств»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Javascript for Kids?
Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Что такое объект
- Чтение свойств
- Изменение свойств
- Объект «питомец»