Типи даних та змінні в JavaScript

Уся суть програмування — у маніпулюванні даними.
Але що ж воно таке — ці дані?

Дані — це інформація, яку ми зберігаємо у наших комп’ютерних програмах.
Наприклад, ваше ім’я, як і ваш вік, — це фрагмент
даних. Колір вашого волосся, кількість братів та сестер,
місце проживання, стать – усе це також є даними.

                                

У мові програмування JavaScript існує три основних види даних:
числа, рядки та булеві змінні.

Числа використовуються для представлення, уявіть собі чисел!

Наприклад, ваш вік, як і ваш зріст, можна представити як число. Числа у JavaScript виглядають наступним чином:

5;

Рядки використовуються для представлення тексту.

Ваше ім’я можна представити у JavaScript як рядок і адресу вашої електронної пошти також. Рядки виглядають ось так:

“Hi, I’m a string”;

Булеві змінні – це значення, що можуть бути або правильними, або хибними.
Наприклад, булева змінна про вас: ви або носите окуляри, або ні. Інша змінна може стосуватися того, чи любите ви броколі, чи ні. Булеві змінні, зазвичай, набувають такого вигляду:

true;

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

99 + 123;
12177

“This is a long string”.slice(0, 4);

“This”

true && false;

false

У мові програмування JavaScript усі дані всього-на-всього
є поєднанням вищезгаданих видів даних. У цій книзі ми розглядатимемо кожен із них по черзі.

                                               

УBAГA !!!
Можливо, ви помітили, що кожна із заданих вище команд закінчується крапкою з комою (;).

Крапки з комою знаменують завершення конкретної JavaScript-команди або інструкції (які ще також називають твердженнями), як щось на зразок крапки у кінці звичайного речення.

Числа та оператори

За допомогою JavaScript ви можете виконувати елементарні математичні операції, такі як додавання, віднімання, множення та ділення. Для здійснення таких підрахунків, використовуємо
символи +, -, * та /, які називаються операторами.

JavaScript-консоль можна використовувати як калькулятор,
і один такий приклад ми вже бачили, коли додавали 3 і 4. Спробуймо дещо складніше. Скільки буде 1234S додати 56789?

12345 + 56789;
69134

Не так вже і легко додати всі ці числа подумки, але JavaScript впоралася з ними за лічені мілісекунди.

За один раз можна додавати більше, аніж два числа:

22 + 33 + 44;
99

JavaScript здатна і віднімати:

1000 – 17;

983

і множити за допомогою оператора “зірочка”:

123 * 456;

56088

і ділити, використовуючи одинарний нахилений слеш:

12345 / 250;

49.38

Змінні

За допомогою JavaScript ви можете давати значенням назви, користуючись змінними. Уявіть, що змінні — то скринька, у яку поміститься лише один предмет. Якщо покладете туди ще щось, то те, що там уже було, зникне.
Аби створити новий змінний параметр, використовуйте ключове слово “let”, після якого вписуйте назву змінної. Ключове слово – це слово, наділене спеціальним значенням у мові програмування JavaScript.

У нашому випадку, коли ми вписуємо
let, JavaScript знає, що ми збираємось ввести ім’я нової змінної.

Наприклад, ось як ви створите нову змінну, що називатиметься “age” і присвоїмо їй число 12 :

let age = 12;

                       

Називаємо змінні

На жаль, JavaScript не вміє здогадуватися і виконує ваші
команди буквально. Помилитесь у написанні назви змінної,
і JavaScript поняття не матиме, що ви маєте на увазі, і видасть вам повідомлення про помилку.
Ще одна підступна штука із назвами змінних у JavaScript –
вони не можуть містити пробілів, себто іноді іх складно про
читати. Тому нове слово пишуть з великої літери.

Цей стиль називається CAMEL CASE 
У певних колах програмістів його називають верблюдячий регістр.

Скільки секунд в одній годині

Спочатку створюємо дві нові зміннi secondsInAIMinute
та minutesInAnHour і присвоюємо кожній однакове зна-
чення – 60 (оскільки нам відомо, що в хвилині 60 секунд.
а в годині 60 хвилин). Далі створюємо змінну secondsInAnHour, а як значення присвоюємо їй результат множення параметра secondsInAMіnutе на параметр minutesInAnHouг. На позиції **** ми вводимо

secondsInAnHour, що приблизно те ж саме що сказати: «Негайно скажи мені значення змінного параметра
secondsInAnHour!» І тут JavaScript дає вам відповідь: 3600.

let secondsInAMinute = 60;

let minutesInAnHour = 60;

let secondsInAnHour = secondsInAMinute * minutesInAnHour;

secondsInAnHour;  ****

3600

Рядки

До сих пір ми працювали лише з числами. Тепер пізнаймо
і новий вид даних – рядки. Рядки у JavaScript (як і у більшості мов програмування) – це лише послідовності символів, якими можуть бути літери, числа, розділові знаки та пробіли між ними.
Ми розташовуємо рядки поміж лапок, аби JavaScript знала,
де вони розпочинаються і де завершуються. Наприклад:

“Hello world!”;
“Hello world!”

А що буде, якщо розмістити число між лапками? Це буде
рядок чи число? У мові програмування JavaScript рядок —
це рядок (навіть якщо вже стається так, що він містить декотрі символи, що є числами). Наприклад:

let numberNine = 9;

let stringNine = “9”;

numberNine — це число, а stringNine – це рядок. Аби поба-
чити різницю між обома, спробуймо додати їх:

numberNine + numberNine;

18

stringNine + stringNine;

“99”

Коли ми додаємо числові значення 9 і 9, отримуємо 19.
Але коли ми використовуємо оператор + для “9” і “9”, то

рядки просто з’єднуються разом, щоб разом утворити рядок

“99”

Булеві змінні

Булева змінна – це всього лиш значення, що буває двох видів – правильним або хибним, себто true або false. Наприклад, ось вам простий булевий вираз:

var javascriptIsCool = true;
javascriptIsCool;
true

У цьому прикладі ми створили нову змінну під іменем
javascriptisCool і присвоїли їй булеве значення truе. У
гому кодовому рядку ми отримуємо значення параметра
javascriptIsCool, яке, звісно ж, є правильним – true!

ЛОГІЧНІ ОПЕРАТОРИ

Так, як ви можете поєднувати числа із математичними операторами (+,-, *./, і так далі), таким же чином булеві змінні поєднуються із булевими операторами. Поєднуючи булеві змінні із булевими операторами, ви щоразу отримуватимете інший результат у вигляді нового булевого значення (тобто truе або false).
Трійка головних булевих операторів у JavaScript – це &&, ||
та ! Можливо, вони і виглядають дещо дивакувато, але трішки практики – і жодних проблем при їх використанні у вас не виникатиме. Спробуймо випробувати їх самостійно.

UNDEFINED TA NULL

Зрештою, у нас є два значення, які жодним шаблонам не відповідають. Вони звуться undefined та null. Обидва використовуються для передачі значення «нічого», але у дещо своєрідних
манерах.

undefined — це значення, яке JavaScript використо-
вує, коли їй бракує значення для чогось. Наприклад, коли
ми створили змінну, але не присвоїли їй значення.
Значення “null” зазвичай використовуєтся, коли добровільно забажаєте сказати “Це пусте”.

Щоб закріпити вивчене в цій книзі, виконайте вправу