Изменение свойств
Обновляйте объект
«Изменение свойств» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.
Меняем сокровища 🔄
Что, если у вашей dog день рождения 🎂? Её возраст должен измениться!
Хорошая новость: мы можем изменить сокровище внутри объекта в любой момент.
Используем точку и знак равенства 🟰
Чтобы изменить сокровище, укажите его с помощью точки, а затем используйте =, чтобы задать новое значение.
Можно представить, будто вы говорите: dog DOT age, теперь тебе 5!
let dog = { name: 'Rex', age: 4 }
dog.age = 5
console.log(dog.age)До и после 👀
Давайте посмотрим, как происходит изменение! Сначала прочитаем старое значение, затем изменим его и прочитаем снова.
let dog = { age: 4 }
console.log(dog.age)
dog.age = 5
console.log(dog.age)Меняем и слова 📝
Можно изменять и словесные сокровища! Например, cat получил новое имя. 🐱
let cat = { name: 'Mittens' }
cat.name = 'Shadow'
console.log(cat.name)Увеличиваем число 🌱
Хотите прибавить к числу? Прочитайте его, прибавьте нужное значение и сохраните результат обратно!
Здесь dog становится на один год старше. 🎉
let dog = { age: 4 }
dog.age = dog.age + 1
console.log(dog.age)Добавляем NEW сокровище ✨
Можно даже добавить сокровище, которого раньше не было! Просто задайте новому ключу значение.
Давайте добавим color для нашей dog.
let dog = { name: 'Rex' }
dog.color = 'brown'
console.log(dog.color)Переключаем true и false 🚦
robot спал. Давайте разбудим его, изменив true/false! 🤖
let robot = { awake: false }
robot.awake = true
console.log(robot.awake)Усиливаем героя 💪
Наш hero освоил новую силу! Давайте изменим её.
let hero = { name: 'Captain Star', power: 'flying' }
hero.power = 'super strength'
console.log(hero.power)Едим печенье 🍪
Каждый раз, когда мы съедаем печенье, его количество уменьшается на ONE. Давайте откусสим кусочек!
let snack = { name: 'Cookies', amount: 12 }
snack.amount = snack.amount - 1
console.log(snack.amount)Меняем несколько сокровищ сразу 🎁
Можно изменять сколько угодно сокровищ — по одному line за раз!
let pet = { name: 'Bubbles', age: 1 }
pet.name = 'Splash'
pet.age = 2
console.log(pet.name)
console.log(pet.age)Теперь ваша очередь менять 🌟
Этот balloon маленький. Измените его size на 'big' и запустите код! 🎈
let balloon = { size: 'small' }
balloon.size = 'big'
console.log(balloon.size)Быстрая проверка ✅
Покажите, чему научились! 🧠
Повторим изменение 🎉
Отличная работа! 🛠️ Вы научились CHANGE сокровища.
- Указывайте сокровище точкой, задавайте значение с помощью
= - Добавляйте новые сокровища тем же способом
- Увеличивайте или уменьшайте числа, например
x = x + 1
Дальше: вместе создадим целый объект PET! 🐾
Часто задаваемые вопросы
Урок «Изменение свойств» бесплатный?
Да — полный текст урока «Изменение свойств» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.
Чему я научусь в уроке «Изменение свойств»?
Обновляйте объект Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Javascript for Kids?
Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Изменение свойств»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Javascript for Kids?
Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Что такое объект
- Чтение свойств
- Изменение свойств
- Объект «питомец»