JavaScript; s Метод зменшення, пояснений дією на дієті; Блог CodeAnalogies

Наочні пояснення концепцій HTML, CSS та JavaScript

зменшення

Метод зменшення JavaScript, який пояснюється дієтою

Якщо ви коли-небудь читали етикетку щодо поживності, тоді ви можете зрозуміти метод reduce () у JavaScript.

Метод зменшення в JavaScript дає простий спосіб взяти масив значень і об'єднати їх в одне значення або підсумувати масив на основі декількох категорій.

Ого, це багато в одному реченні, тож давайте зробимо крок назад.

Звичайно, ви завжди можете використовувати цикл for для ітерації масиву та здійснення певної дії щодо кожного значення. Але, якщо ви не використовуєте такі методи, як filter (), map () і reduce (), тоді ваш код стане важче читати. Іншим розробникам потрібно буде уважно прочитати кожен цикл, щоб зрозуміти мету. І це створить більше шансів для помилок, оскільки вам потрібно буде створити більше змінних для відстеження окремих значень.

Методи фільтрування беруть усі елементи в початковому масиві і дозволяють лише деякі елементи в кінцевому масиві.

Методи map запускають функцію на кожному елементі в початковому масиві, перш ніж зберігати її у кінцевому масиві.

І методи зменшення поєднують елементи з початкового масиву в кінцеве значення або масив значень.

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

Тож давайте стрибнемо в це! Для того, щоб зрозуміти цей підручник, вам просто потрібно мати досвід роботи з циклами for.

Моделювання зменшення за допомогою циклу For

Ось швидкий спосіб показати функціональність Redu (), використовуючи цикл for. Скажімо, у вас є масив із кількістю калорій 5 окремих продуктів, які ви їли протягом дня. Ви хочете з’ясувати, скільки калорій ви спожили. Ось код.

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

Простий приклад зменшення

Давайте дізнаємось, як досягти тієї ж мети за допомогою методу зменшення ().

  1. Зменшення - це метод масиву, тому ми почнемо з масиву підрахунку калорій.
  2. Він використовує функцію зворотного виклику, яка працює на кожному елементі масиву.
  3. Він використовує оператор return, щоб показати, як значення має накопичуватися після кожної ітерації масиву.