МЕТОДИ МАСИВІВ в JavaScript | JS Array methods за 10 хв

У своїй роботі JavaScript розробник стикається з масивами чисел та об’єктів, багатовимірними масивами. Девелоперам потрібно спрощувати й перетворювати їх або маніпулювати ними. Завдяки методам масивів розробник має змогу писати більш декларативний код, який легше зрозуміти з першого погляду, провести рефакторинг і перевірити. Бажано розуміти, для вирішення яких завдань та яким чином використовувати кожен з методів ще до початку роботи з сучасними JS фреймворками та бібліотеками, зокрема ReactJS. У цьому відео вчимося використовувати «велику четвірку» методів javascript: Sort, Map, Reduce, Filter. Тож розгляньмо, як все працює на практиці.

0:00 - 0:21 - Інтро
0:22 - 2:39 Метод Map
2:40 - 4:52 Метод Reduce
4:53 - 6:11 Метод Filter
6:12 - 9:23 Метод Sort
9:24 - Аутро

#javascript #arraymethods #frontend

Користуйтеся 💙

📱 Ми у соцмережах:

[devprojector]

Товариство, раді будемо вашим коментарям, щоб зрозуміти, чи у правильному напрямку рухаємося. Фідбек дуже цінний, тому пишіть свої враження. Діліться, чи це відео допомогло і полегшило вам роботу, чи було корисним та інформативним. Давайте спілкуватися у коментарях і створювати комюніті✌

Якщо виникатимуть питання по розробці й не тільки, то вривайтеся у нашу спільноту у тг, де багато як досвідчених розробників, так і початківців. Там дружня атмосфера, тому не соромтеся задавати питання, просити пораду та й просто знайомитися🤝

[volodymyrvolkiz]

Класний і корисний контент. Дякую автору за роботу!!

[sergbald]

Дякую за корисний контент солов’їною! Дозвольте мені внести деякі уточнення. ~ 4:15 (метод reduce), якщо не передане початкове значення accumulator, то в якості початкового значення береться перший елемент масиву, і перебір починається з другого елементу (відповідно, колбек-функція буде викликана на 1 раз менше, ніж довжина масиву). Якщо вхідний масив буде порожній і не вказане початкове значення для accumulator, ми отримаємо не 0, а помилку: // Error: Reduce of empty array with no initial value. Для порівняння: 1) console.log([1, 2, 3, 4].reduce((acc, item) => acc + item * 2, 0)); // 20 (початкове значення acc = 0);
2) console.log([1, 2, 3, 4].reduce((acc, item) => acc + item * 2)); // 19 (початкове значення acc не вказано).

Щодо методу sort, варто додати, що для сортування рядків краще використовувати метод localeCompare, який дозволяє правильно сортувати рядки в залежності від локалізації та мови.

Будь ласка, виправте мене, якщо я помиляюся; сам ще тільки вчуся! ))

[kirby]

Для reduce() треба прям робити окреме відео, бо дуже складний метод.

[volodymyrvolkiz]

map повертає новий масив. В якому розумінні, він типу 'переписує' старий? Назва ж залишається та сама. Тоді виходить не новий повертає, а повертає оновлений старий. Якщо map повертає новий масив то що зі старим? Він видаляється зі стеку і підміняється однойменним з модифікованими даними? Якийсь індійський серіал про брата близнюка, якого підмінили в пологовому будинку😂😂😂