Зміна значень

Вітаємо з наступним кроком у вивченні програмування. Ти вже знаєш, як створювати змінні для збереження інформації. Але застосунки та ігри майже ніколи не стоять на місці. Щось відбувається, і збережена інформація має оновлюватися.

Чому значення змінюються

Уяви, що ти граєш у свою улюблену відеогру.

• Ти починаєш з нульовим рахунком.
• Збираєш монету, і рахунок збільшується.
• Отримуєш пошкодження і втрачаєш життя.

У програмуванні нам потрібно, щоб змінні оновлювалися, коли відбуваються такі події. Нам потрібні контейнери, які можуть замінювати старий вміст новим.

Зміна значення з let

Щоб створити змінну, яка може змінюватися, ми використовуємо ключове слово let. Слово let повідомляє JavaScript, що це значення можна оновити пізніше.

(Примітка: Якщо значення має завжди залишатися однаковим, можна використати ключове слово const. Використовуй let для значень, які мають змінюватися, наприклад балів і лічильників.)

Коли змінна вже створена за допомогою let, ти можеш дати їй нове значення, просто використавши знак рівності (=). Не потрібно писати let вдруге.

Перший приклад коду

Подивімося на простий рахунок у грі, який збільшується з часом.

let score = 0;

score = score + 10;
console.log(score);

score = score + 5;
console.log(score);

Покрокове пояснення

Розберімо, що саме відбувається в коді вище:

• let score = 0; Ми створюємо нову змінну score і задаємо їй початкове значення 0.

• score = score + 10; JavaScript завжди спочатку дивиться на праву частину знака рівності. Він бере поточне значення score (це 0), додає 10 і зберігає новий результат назад у змінну score.

• console.log(score); Ми надсилаємо рахунок у секцію виводу, щоб побачити оновлення. Перший вивід буде 10.

• score = score + 5; Знову спочатку обчислюється права частина. JavaScript бере поточне значення score (тепер це 10), додає 5 і зберігає фінальний результат (15) назад у змінну.

Міні-завдання

Подивися на код нижче. Не запускаючи його, спробуй вгадати, яке фінальне число з’явиться в секції виводу.

let lives = 3;
lives = lives - 1;
lives = 5;
console.log(lives);

Підказка: Змінні пам’ятають тільки своє найновіше значення.

Потім натисни Запустити і перевір секцію виводу, щоб побачити, чи твоя відповідь була правильною.

Короткий тест

1. Яке ключове слово потрібно використати, щоб створити змінну, якщо її значення має змінитися пізніше? A) const B) let

2. Як дати нове значення змінній counter, яка вже була створена? A) let counter = 5; B) counter = 5;

(Відповіді: 1. B, 2. B)

Малий виклик

Тепер твоя черга практикуватися.

1. Створи змінну points за допомогою let і задай їй значення 10.
2. Зміни значення points, додавши 20 до її поточного значення.
3. Використай console.log(points), щоб показати результат.

Натисни Запустити і перевір секцію виводу під кодом, щоб побачити, чи все працює.

// напиши свій код нижче

console.log()

Підсумок

• Змінні, створені за допомогою let, гнучкі й можуть змінюватися з часом.
• Щоб оновити змінну, використовуй її назву і знак рівності (=). Слово let використовується тільки першого разу, коли ти створюєш змінну.
• Можна використовувати поточне значення змінної, щоб обчислити нове, наприклад score = score + 10.
• Якщо значення ніколи не має змінюватися, використовуй const.