Ефективні складені присвоєння в JavaScript

Під час програмування на JavaScript ви часто стикаєтеся з різними способами присвоєння та зміни значень. Особливо корисним концептом є так звані "складні присвоєння" або складені присвоєння. Вони допомагають зробити код зрозумілішим, коротшим і стислим. У цьому посібнику ви дізнаєтеся, що таке складені присвоєння, як їх успішно використовувати та які переваги вони мають.

Найважливіші висновки

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

Покрокова інструкція

Спочатку ми хочемо прояснити, що таке складені присвоєння. В основному, це комбінація оператора та присвоєння, яка дозволяє змінювати значення й одночасно його зберігати.

Крок 1: Перше присвоєння Спочатку ми створимо змінну x і присвоїмо їй значення 5. Це буде початкове значення, з яким ми будемо працювати. Ви можете вставити цей код у своє середовище JavaScript:

let x = 5;

Крок 2: Перше збільшення значення Припустимо, ви хочете тепер збільшити значення x на 10. Очевидний код для цього буде:

x = x + 10; Цей рядок присвоює результат додавання 10 до початкової x-змінної назад до x. Ви можете протестувати цей результат у браузері.

Крок 3: Використання складеного присвоєння для додавання Замість того, щоб використовувати цю довшу синтаксис, ви можете скористатися складеним присвоєнням:

x += 10; Ця скорочена форма не тільки коротша, але й покращує читабельність вашого коду. Якщо ви зараз оновите код і перевірите в браузері, ви побачите, що змінна тепер має значення 15.

Крок 4: Застосування віднімання Принцип складених присвоєнь працює також з іншими математичними операторами, такими як віднімання. Уявіть, що ви хочете зменшити змінну на 5. Замість x = x - 5; ви можете написати:

x -= 5; Перевірте нове значення x.

Крок 5: Множення та ділення Те саме стосується множення та ділення. Замість того, щоб отримати нове значення:

x = x * 2; ви просто використовуєте:

x *= 2; або для ділення:

x /= 2;

Використовуйте тут також складені присвоєння знову й звертайте увагу на результати.

Крок 6: Обчислення модуля Ще одним складним інструментом є оператор модуля. Щоб, наприклад, перевірити, чи є число парним чи непарним, ви можете зробити наступне:

let isEven = x % 2; Щоб скористатися цим з присвоєнням:

isEven %= 2; Перевірте результат виразу там, де isEven може бути 0 або 1.

Крок 7: Оператор інкременту Поширеним випадком є оператор інкременту. Ви також можете безпосередньо збільшити x на 1 з:

x++; або ви можете, наприклад, також використовувати x += 1;.

Підсумок — основи складених присвоєнь у JavaScript

Використання складених присвоєнь у JavaScript дозволяє вам значно спростити та структурувати ваш код. Ви дізналися, що ці принципи застосовні не тільки до додавання, а й до інших математичних операцій, таких як віднімання, множення, ділення та модуль. Завдяки використанню цих операторів присвоєння ваш код стає не лише коротшим, але й читабельнішим.