Методы массивов JavaScript - forEach, map, filter, reduce, some, every, sort, includes, indexOf
✏️ Учимся применять деструктурирующее присваивание к массивам. Изучаем методы массивов forEach, indexOf, lastIndexOf, findIndex, findLastIndex, includes, sime, every, find, filter, map, reduce, reduceRight, reverse и sort.
🔴 Timeline:
▶ 00:00 | Введение
▶ 00:27 | Деструктурирующее присваивание и массивы
▶ 01:33 | Перебор массива - метод forEach
▶ 04:36 | Поиск индекса элемента в массиве - методы indexOf и lastIndexOf
▶ 06:57 | Поиск индекса элемента сложного элемента в массиве - методы findIndex и findLastIndex
▶ 09:54 | Проверка наличия элемента в массиве - метод includes
▶ 10:56 | Проверка наличия сложного элемента в массиве - метод some
▶ 11:50 | Проверка на соответствие всех элементов массива определенному условию - метод every
▶ 12:24 | Поиск элемента в массиве - метод find
▶ 12:41 | Фильтрация массива - метод filter
▶ 14:28 | Преобразование массива - метод map
▶ 16:58 | Перебор массива с накоплением - метод reduce
▶ 22:48 | Перебор массива в обратном порядке с накоплением - метод reduceRight
▶ 23:36 | Переворачивание массива - метод reverse
▶ 24:52 | Сортировка массива - метод sort
▶ 27:01 | Заключение
📚 Ссылки:
➖ Документация по JavaScript от MDN: developer.mozilla.org/ru/docs...
➖ Русскоязычный справочник по JavaScript Doka: doka.guide/js/
➖ Фундаментальный онлайн учебник по JavaScript: learn.javascript.ru/
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness ...
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTM...
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 ...
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksand...
➖ Solvery: solvery.io/mentor/aleksanderl...
#frontend #фронтенд #js #javascript
Пікірлер: 24
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Спасибо тебе за твои видео!Очень классные и понятные как дважды два.У тебя талант объяснять.Однако,хотелось бы видеть чуть чаще видео по JS чем раз в неделю.И Подскажи, пожалуйста,будет ли такой курс по React?
@AleksanderLamkov
7 күн бұрын
К сожалению, выпускать чаще одного урока в неделю не успеваю. Много уходит времени на подготовку к каждому видео. По реакту курс планирую, но говорить об этом пока рано, ибо между курсом по JS и курсом по React можно тонну полезного контента создать.
Супер, лайк!
Спасибо ☺️
Спасибо!
Отлично!
Красава 👍
Спасибо за видеоролик! Будет ли разбор что такое callback? Потому что в видеоролике вы использовали данный термин, а в прошлых видео вроде мы не разбирали что это такое.
@AleksanderLamkov
4 күн бұрын
Этот термин впервые озвучил здесь: kzread.info/dash/bejne/e5ebxsydlbLgmaQ.html (ссылка с привязкой к таймкоду) Там и объяснил, что такое функция-коллбэк. Коллбэк - это функция, передаваемая аргументом в другую функцию. На примере: forEach(callbackFn) Функция callbackFn будет вызвана на каждом шаге цикла forEach.
@gojo1100
4 күн бұрын
@@AleksanderLamkov Спасибо большое
Спасибо за видео) А что насчёт методов toReversed() и toSorted()? Они используются? У них уже хорошая поддержка, как я понимаю
@AleksanderLamkov
9 күн бұрын
Да, поддержка хорошая. Забыл о них рассказать.
Добрый вечер ! Александр ,подскажите пожалуйста, нужна ли математика во фронтенд,?есть желание обучиться на это направление ,но в математике вообще 0
@AleksanderLamkov
2 күн бұрын
Привет! Достаточно понимания базовых вычислений, чтобы в том же CSS пользоваться функцией calc.
Александр подскажите, пожалуйста, а где или как лучше практиковаться в написании html и css. Например брать макеты сайтов и пытаться их реализовать или например есть более специализированные платформы под это дело ?
@AleksanderLamkov
4 күн бұрын
Искать макеты фигмы в телеграмме и верстать. Других эффективных способов не знаю. Если идёт туго, то верстать маленькими блоками, небольшими компонентами. Затем пробовать их объединять. Так и получится полноценный сайт.
@GrekRND
3 күн бұрын
@@AleksanderLamkov спасибо за ответ
Здравствуйте. Подскажите пожалуйста, пишет, что 3 видео еще есть, но они якобы заблокированы. Они выйдут позже или к ним доступ нужно получить как-то иначе? И какие там будут освещаться темы? Спасибо😊
@AleksanderLamkov
4 күн бұрын
Привет! Да, они выйдут позже. Они просто в «отложенных публикациях» сейчас. Выпускаю по одному видео в неделю (пятница в 9:00 МСК). Следующие темы: JSON, перебор объектов, коллекции Map и Set, классы.
@user-ef8xu8oe2u
4 күн бұрын
@@AleksanderLamkov отлично, спасибо! Уроки у Вас просто огонь! Смотрела многих, но самое понятное объяснение только у Вас! 🙌🏻
как говорят Повторение - мать учения
что за тема в вашей IDE?
@AleksanderLamkov
5 күн бұрын
Oceanic Dark Theme