Пошук уроків, статей та іншого контенту
Познайомтеся з основними арифметичними операторами JavaScript: додаванням, відніманням, множенням і діленням. Дізнайтеся, як виконувати обчислення та створювати математичні вирази.
Арифметичні оператори дають змогу виконувати математичні обчислення в JavaScript.
Основні арифметичні оператори:
+ — додавання;
- — віднімання;
* — множення;
/ — ділення;
% — залишок від ділення;
** — піднесення до степеня.
Оператор використовують між значеннями або змінними:
const sum = 8 + 4;
console.log(sum); // 12У цьому прикладі + — оператор додавання, а 8 і 4 — операнди.
Для додавання використовується оператор +:
const apples = 5;
const oranges = 3;
const totalFruits = apples + oranges;
console.log(totalFruits); // 8Оператор + також може об’єднувати рядки:
const firstName = "Олена";
const lastName = "Коваль";
const fullName = firstName + " " + lastName;
console.log(fullName); // Олена КовальЯкщо хоча б один з операндів є рядком, JavaScript може перетворити інше значення на рядок:
console.log("Вам " + 20 + " років"); // Вам 20 роківДля математичних обчислень переконайтеся, що значення мають числовий тип.
Оператор - використовується для віднімання:
const price = 100;
const discount = 15;
const finalPrice = price - discount;
console.log(finalPrice); // 85Також можна віднімати значення змінних безпосередньо у виразі:
const currentYear = 2025;
const birthYear = 1998;
const age = currentYear - birthYear;
console.log(age); // 27Для множення використовується оператор *:
const pricePerItem = 25;
const itemCount = 4;
const totalPrice = pricePerItem * itemCount;
console.log(totalPrice); // 100Знак множення в JavaScript — це зірочка *, а не символ ×.
Оператор / використовується для ділення:
const totalDistance = 120;
const hours = 3;
const averageSpeed = totalDistance / hours;
console.log(averageSpeed); // 40JavaScript повертає число з дробовою частиною, якщо результат ділення не є цілим:
const result = 10 / 4;
console.log(result); // 2.5Ділення на нуль у JavaScript не викликає помилку виконання, але повертає спеціальне значення Infinity:
console.log(10 / 0); // InfinityОператор % повертає залишок після ділення одного числа на інше:
const remainder = 10 % 3;
console.log(remainder); // 1Число 10 можна поділити на 3 три рази, а залишок дорівнює 1.
Оператор % часто використовують, щоб перевірити, чи є число парним:
const number = 14;
const isEven = number % 2 === 0;
console.log(isEven); // trueЯкщо залишок від ділення на 2 дорівнює 0, число парне.
Для піднесення числа до степеня використовується оператор **:
const square = 5 ** 2;
console.log(square); // 25Вираз 5 ** 2 означає «п’ять у квадраті».
Приклад піднесення до третього степеня:
const cube = 3 ** 3;
console.log(cube); // 27Арифметичний вираз може містити кілька чисел, змінних і операторів:
const firstNumber = 10;
const secondNumber = 5;
const result = firstNumber + secondNumber * 2;
console.log(result); // 20JavaScript виконує операції в певному порядку.
Зазвичай порядок такий:
дії в дужках;
піднесення до степеня;
множення, ділення та залишок від ділення;
додавання та віднімання.
Множення виконується раніше за додавання, тому результат цього виразу дорівнює 20:
const result = 10 + 5 * 2;
console.log(result); // 20Спочатку JavaScript обчислює 5 * 2, а потім додає 10.
Дужки дають змогу змінити порядок обчислень:
const result = (10 + 5) * 2;
console.log(result); // 30Спочатку обчислюється вираз у дужках 10 + 5, а потім результат множиться на 2.
Порівняймо два варіанти:
const firstResult = 10 + 5 * 2;
const secondResult = (10 + 5) * 2;
console.log(firstResult); // 20
console.log(secondResult); // 30Використовуйте дужки, коли потрібно зробити порядок обчислень очевидним.
Арифметичні оператори можна застосовувати до значень, які зберігаються у змінних:
const notebookPrice = 80;
const penPrice = 20;
const notebookCount = 2;
const penCount = 3;
const total = notebookPrice * notebookCount + penPrice * penCount;
console.log(total); // 220У цьому прикладі:
notebookPrice * notebookCount обчислює вартість зошитів;
penPrice * penCount обчислює вартість ручок;
оператор + додає ці вартості.
Для складніших виразів можна використовувати дужки:
const adultTickets = 2;
const childTickets = 3;
const ticketPrice = 150;
const totalTickets = adultTickets + childTickets;
const totalPrice = totalTickets * ticketPrice;
console.log(totalPrice); // 750Якщо потрібно змінити значення змінної, використовуючи її поточне значення, можна застосовувати скорочені оператори присвоєння.
Наприклад, замість:
let score = 10;
score = score + 5;
console.log(score); // 15можна написати:
let score = 10;
score += 5;
console.log(score); // 15Інші скорочені форми:
let value = 20;
value -= 3; // value = value - 3
value *= 2; // value = value * 2
value /= 4; // value = value / 4
console.log(value); // 8.5Скорочені оператори працюють зі змінними, оголошеними через let, оскільки їхні значення змінюються.
Для збільшення числа на 1 використовують оператор ++:
let counter = 0;
counter++;
console.log(counter); // 1Це те саме, що:
let counter = 0;
counter = counter + 1;
console.log(counter); // 1Для зменшення числа на 1 використовують оператор --:
let lives = 3;
lives--;
console.log(lives); // 2Оператори ++ і -- застосовують лише до змінних, значення яких можна змінювати.
const productPrice = 240;
const productCount = 3;
const discountPercent = 10;
// Обчислення вартості всіх товарів
const totalPrice = productPrice * productCount;
// Обчислення суми знижки
const discount = totalPrice * discountPercent / 100;
// Обчислення ціни після знижки
const finalPrice = totalPrice - discount;
console.log("Вартість товарів:", totalPrice); // 720
console.log("Знижка:", discount); // 72
console.log("Ціна після знижки:", finalPrice); // 648У JavaScript множення позначається *, а не ×:
const result = 4 * 3;
console.log(result); // 12Запис 4 × 3 не є коректним JavaScript-кодом.
+ і об’єднанням рядківЯкщо додати число до рядка, результатом може стати рядок:
console.log("5" + 2); // "52"Рядок "5" не додається до числа математично. JavaScript об’єднує значення як текст.
Якщо потрібно виконати обчислення, перетворіть рядок на число:
const textNumber = "5";
const number = Number(textNumber);
console.log(number + 2); // 7Вираз:
const result = 2 + 3 * 4;
console.log(result); // 14дає 14, а не 20, тому що множення виконується раніше за додавання.
Якщо спочатку потрібно додати числа, використовуйте дужки:
const result = (2 + 3) * 4;
console.log(result); // 20Значення змінної, оголошеної через const, не можна переприсвоїти:
const count = 5;
// count += 1; // помилкаЯкщо значення має змінюватися, використовуйте let:
let count = 5;
count += 1;
console.log(count); // 6Створіть програму, яка обчислює загальну вартість покупки:
ціна одного товару — 350;
кількість товарів — 4;
знижка — 15%.
Програма має вивести:
вартість товарів без знижки;
суму знижки;
кінцеву вартість.
Один з можливих варіантів розв’язання:
const itemPrice = 350;
const itemCount = 4;
const discountPercent = 15;
const totalPrice = itemPrice * itemCount;
const discount = totalPrice * discountPercent / 100;
const finalPrice = totalPrice - discount;
console.log("Без знижки:", totalPrice); // 1400
console.log("Сума знижки:", discount); // 210
console.log("До сплати:", finalPrice); // 1190+ додає числа або об’єднує рядки.
- віднімає одне значення від іншого.
* множить значення.
/ ділить значення.
% повертає залишок від ділення.
** підносить число до степеня.
Дужки змінюють порядок виконання операцій.
+=, -=, *=, /= дають змогу скорочено змінювати значення змінних.
++ збільшує значення на одиницю, а -- зменшує його на одиницю.