Тёмный

Урок JavaScript №27 - forEach, перебор массива | Курс FrontEnd 2021 

Фронтенд от Палыча
Подписаться 2 тыс.
Просмотров 2,1 тыс.
50% 1

Перебираем массив, применяя колбэк функцию к каждому элементу. forEach JS callback. Рассмотрим как сделать действие с каждым элементом в массиве и реализуем свой arr.forEach который будет принимать функцию обратного вызова. Эта тема по началу может показаться сложной, так что я буду очень много повторять =)
Домашнее задание:
1) Перебрать массив строк и вывести каждую в консоль
3) Перебрать массив чисел и вывести число умноженное на индекс этого числа
4*) Реализовать свой forEach не подглядывая в урок
5*) Перебрать массив и вывести(!) каждый второй элемент
6*) Перебрать массив с конца (код будет стремный и не иметь смысла, но суть в том, что forEach менее гибкий чем for)
7***) Реализовать свой myForEachMap который перебирает элементы массива и возвращает новый массив с результатом коллбэка для каждого элемента.
Например:
const arr = [1, 2, 3];
const arrDouble = arr.myForEachMap((item) =- {
return item * 2;
});
console.log(arrDouble); // [2, 4, 6]
Курс Frontend разработки 2021 - уроки по JavaScript с нуля до junior.
00:00 - Вступление
00:23 - Перебор массива с for
01:41 - метод массива forEach
02:25 - callback для forEach
05:43 - Параметры коллбека
08:07 - Стрелочные функции как параметры
09:12 - Все аргументы forEach и результат
11:11 - Пишем свой forEach, реализация forEach
16:58 - Концовка

Опубликовано:

 

25 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@IvanIvanov-ir4np
@IvanIvanov-ir4np 2 года назад
Палыч, не останавливайся!
@axe-l
@axe-l Год назад
Самое сука адекватное объяснение!
@alexvoronov2825
@alexvoronov2825 2 года назад
Ура! Наконец-то! Паша, не бросай это дело
@user-vs1lq8xm7c
@user-vs1lq8xm7c Год назад
Огромное спасибо, я наконец-то понял ❤
@f-len
@f-len 2 года назад
Как всегда круто👍👍👍 Примеры супер! Всё разжевано и понятно👍
@deanwichester6412
@deanwichester6412 Год назад
cb в функции это параметр или имя ? Просто как мы вызываем функцию. такой записью cb(el, i, this)?
@velikorossnationalist4259
@velikorossnationalist4259 2 года назад
А 4-ый параметр forEach и других методов массива «thisArg» Вы используете?
@user-gf5wt5nw4w
@user-gf5wt5nw4w 2 года назад
Павел, как относитесь в целом к верстальщикам и насколько востребован запрос от рынка именно на вёрстку?! Насколько я знаю, вёрстка - это неотъемлемая часть, этап в компаниях
@user-pj8cc8tw1u
@user-pj8cc8tw1u 2 года назад
Сейчас запрос на верстку около нуля, если нужно что-то простое то есть конструкторы сайтов, а если сложное, то нужны фронты. Если кратко, то верстальщики уже умерли как профессия =(
@user-oz6ke2vd3r
@user-oz6ke2vd3r Месяц назад
@@user-pj8cc8tw1u Скажите пожалуйста, а кто ещё не умерли? Тестировщики? Бэкэндеры? Может фронтэнд тоже умер? Все же сидят в телефонах, в ноутах мало кто сидит на сайтах . Все в Валберисах, Вайбере, телеграмме. Сейчас самое актуальное Python?
@velikorossnationalist4259
@velikorossnationalist4259 2 года назад
А можно вместо функций стрелок использовать function declaration?
@user-pj8cc8tw1u
@user-pj8cc8tw1u 2 года назад
В целом да, но это не удобно и длинно и не имеет особого смысла, поэтому в 95% используют стрелки, но технически можно любые функции
@bikadV
@bikadV Год назад
По 8 заданию не очень понятно... Автор видео пишет что callback-функция типа может, но не должна ничего возвращать, "это никому не нужно". Однако в 8 задании условие чтобы callback-функция вернула новый массив. Но если она ничего не возвращает, то единственный способ этот массив вернуть, это объявить массив вне функции - так же, как объявлен оригинальный массив, элементы которого эта callback-функция должна принимать. Но как я понимаю идею задания, ты должен закидывать любой массив в эту callback-функцию и она возвращает тебе новый массив... Для таких задач правильно использовать обычную функцию, которая вполне может возвращать, что там надо вернуть...
@user-oz6ke2vd3r
@user-oz6ke2vd3r Месяц назад
Непонятно, почему это называется функция callback, если по определению callback, это функция которая является аргументом в другой функции. В данном случае ForEach это не функция, а метод. Американские программеры сами запутались в определениях? В каком месте она вызывается назад? Какое-то тухлое понятие. Не заходит от слова вообще
@user-ir1hq4hz6s
@user-ir1hq4hz6s Год назад
Решил всё кроме 7 задания console.log(' #1') const arrOne = ['Андрей', 'Виталий', 'Юрий']; arrOne.forEach((item) => { console.log(item) }); console.log(' #3') const arrTwo = [1, 2, 3, 4, 5]; arrTwo.forEach((item, index) => { console.log(item * index) }) console.log(' #4') const arrThree = [1, 2, 3, 4, 5]; arrThree.myForEach = function(cb) { for (let i = 0; i < this.length; i++) { const el = this[i]; cb(el, i, this); }; }; arrThree.myForEach((el, index, array) => { console.log(el, index, array); }); console.log(' #5') const arrFour = [1, 2, 3, 4, 5]; for (let i = 0; i < arrFour.length; i = i+2) { console.log(arrFour[i]); }; console.log(' #6') // сам не дошёл как сделать, зато гугл помог с реверсом const arrFive = [1, 2, 3, 4, 5]; const revArrFive = arrFive.reverse(); revArrFive.forEach((el) => { console.log(el); });
@gign1203
@gign1203 Год назад
const arrFive = [1, 2, 3, 4, 5]; const revArrFive = arrFive.reverse(); revArrFive.forEach((el) => { console.log(el); }); console.log(revArrFive)//(5) [5, 4, 3, 2, 1]
Далее
это самое вкусное блюдо
00:12
Просмотров 1,2 млн