02. Переменные и типы данных

Что такое переменные

Переменная — это как коробка, в которую можно положить данные. Мы даём ей имя и можем обращаться к ней в коде.
Переменные нужны, чтобы сохранять и использовать информацию: имя пользователя, возраст, счёт в игре и т.д.

Создание переменных

Для объявления переменной в JavaScript используются ключевые слова let и const.

let name = 'Анна';
let age = 25;
const city = 'Москва';

let — значение можно менять.


let score = 10;
score = 20; // теперь score равно 20

const — значение менять нельзя.


const birthYear = 1999;
// birthYear = 2000; Ошибка — const нельзя изменять

Типы данных

В JavaScript есть несколько основных типов данных.

1. Строки (string)

Хранят текст в кавычках.

let message = 'Привет, мир!';
let user = "Анна";

Можно объединять строки (конкатенация):


let greeting = 'Привет, ' + user + '!';
console.log(greeting); // Привет, Анна!

Или использовать шаблонные строки (современнее и удобнее):


let greeting = `Привет, ${user}!`;
console.log(greeting);

2. Числа (number)


let a = 10;
let b = 3.5;
let sum = a + b; // 13.5

Также можно выполнять арифметические операции:


let x = 10;
let y = 4;
console.log(x + y); // 14
console.log(x - y); // 6
console.log(x * y); // 40
console.log(x / y); // 2.5

3. Логические значения (boolean)

Это тип, который хранит только true или false.

let isOnline = true;
let isAdmin = false;

Пример:


let age = 18;
let canDrive = age >= 18;
console.log(canDrive); // true

4. Null и Undefined

  • undefined — переменная есть, но значение не задано.
  • null — явно указано, что значения нет.

let a;
console.log(a); // undefined

let b = null; console.log(b); // null

Проверка типа данных

Чтобы узнать, какой тип данных хранится в переменной, используется оператор typeof.

let name = 'Анна';
let age = 25;
console.log(typeof name); // string
console.log(typeof age); // number

Изменение значений

Переменные, созданные с помощью let, можно изменять.

let counter = 0;
counter = counter + 1;
console.log(counter); // 1

Можно также использовать сокращённые операции:


let x = 10;
x += 5; // то же самое, что x = x + 5
console.log(x); // 15

Мини-практика

Попробуйте выполнить эти шаги:
  • Создайте переменные name, age, city.
  • Выведите сообщение: Меня зовут Анна, мне 25 лет, я живу в Москве.
  • Поменяйте значение одной из переменных и посмотрите, как меняется результат.

let name = 'Анна';
let age = 25;
let city = 'Москва';

console.log(`Меня зовут ${name}, мне ${age} лет, я живу в городе ${city}.`);

Типичные ошибки новичков

  • Использование переменной до её объявления.
  • Забыли поставить кавычки у строк.
  • Пытались изменить значение переменной, созданной через const.

Итоги урока

Теперь вы знаете:
  • Что такое переменные и как их объявлять.
  • Разницу между let и const.
  • Основные типы данных: строки, числа, логические значения, null и undefined.
  • Как проверять тип данных и изменять значения.