Javascript - forEach, filter, map, every, some, reduce, reduceRight (методы перебора массива)

Поділитися
Вставка
  • Опубліковано 7 лют 2025
  • Платформа с уроком и тренажёрами - dmitrylavrik.r... При создании аккаунта email не нужен, только придумать login и пароль, после чего тренажёры станут доступны.
    А ещё скоро новый поток курса js.dmitrylavri...

КОМЕНТАРІ • 84

  • @ITKAMASUTRA
    @ITKAMASUTRA 6 років тому +32

    Супер: чётко, доступно и понятно. Спасибо! Буду кидать данный урок своим студентам и просить от них лайк для вас))

  • @maximpodhorny2864
    @maximpodhorny2864 6 років тому +46

    По тренажерам идея отличная!
    1:14 forEach
    4:50 filter
    8:28 map
    11:54 every
    14:07 some
    15:27 reduce
    20:46 reduceRight

  • @lllelest432
    @lllelest432 6 років тому +1

    Единственный человек после уроков которого я действительно понимаю суть js... А значит вряд ли забуду

  • @variagc1232
    @variagc1232 4 роки тому

    СПАСИБО!!! Искал 3 дня нормальное разъяснение!!! Очень доходчиво!

  • @ЛукаКамский
    @ЛукаКамский 5 років тому

    Посмотрел 5,5 минут видео и решил задачу которую не мог сделать 2 дня. Спасибо тебе за видео.

  • @seo-tb7ul
    @seo-tb7ul 6 років тому +1

    По поводу тренажеров - это круто, позволяет закрепить результат

  • @jsb7239
    @jsb7239 3 роки тому

    Отличный тренажёр! Спасибо за труд!🤝

  • @MyJIbTukk
    @MyJIbTukk 6 років тому

    Крутое и понятное объяснение. С первого раза все понятно. Спасибо за разбор!

  • @dmitriymovchan6563
    @dmitriymovchan6563 6 років тому +6

    Классное видео. Узнал много полезной инфы. Пошел проходить тренажеры.

  • @denispanarin
    @denispanarin 5 років тому

    Спасибо большое за вклад в наше образование.

  • @dimaalexeenko3669
    @dimaalexeenko3669 4 роки тому

    Отлично все разъяснил, доступно

  • @Cinerable
    @Cinerable 6 років тому +7

    Дима, давай по чаще выпускай выпуски. Очень бы хотелось увидеть Node.js.

    • @vitalijslavrinovics8756
      @vitalijslavrinovics8756 5 років тому

      Да, NodeJs было бы хорошо )) только если не так быстро разьяснял бы как на этом видео ))

  • @АлексейШипилов-в7э
    @АлексейШипилов-в7э 5 років тому

    классный видос!! спасибо Дима за детальное разъяснение!!

  • @vladislavtishchenko4992
    @vladislavtishchenko4992 5 років тому

    Просто лучший, Дим!

  • @oleksandr_mykhailov
    @oleksandr_mykhailov 5 років тому

    Спасибо, очень интересное видео. И теория без практики, как правило быстро забывается, так что тренажеры являются хорошим подспорьем

  • @КостянЕрмаков-е9ю
    @КостянЕрмаков-е9ю 6 років тому

    Отличный урок. Еще больше понравился тренажёр, пришлось даже вспоминать математику в предпоследнем задании и снова вникать в дробную часть числа😂

  • @kyzmichgnom328
    @kyzmichgnom328 6 років тому

    Дмитрий Лаврик лучший!!!!

  • @aprinciple9559
    @aprinciple9559 6 років тому

    Браво, отличное видео-объяснение.

  • @zxspectrum3352
    @zxspectrum3352 6 років тому +6

    Ура! Новый видос :)!

  • @leem0ne
    @leem0ne 6 років тому

    Чтоб не писать рядом два раза console.log ( 17:36 ), можно через запятую перечислять. И можно еще в {} такие скобки заключать, чтоб сразу видно было какая переменная.

  • @artemspynu
    @artemspynu 6 років тому

    Спасибо огромное за урок! Ждем еще JS.

  • @WEBSTART-LIVE
    @WEBSTART-LIVE 5 років тому

    отлично! Ничего лишнего

  • @wi__ro1
    @wi__ro1 4 роки тому

    Спасибо,очень доступно обьяснили)

  • @АйрапетМанучарян-о6х

    круто молодец все очень доступно , больше таких уроков

  • @mokkamokka4097
    @mokkamokka4097 6 років тому +6

    лайк не глядя!

  • @andrievskii
    @andrievskii 6 років тому +9

    Попробуй провести стрим на ютюбе с донатом по интересной теме, думаю многие поддержат. Я так точно!
    Дима, как всегда круто:
    - прост
    - доступно
    - интересно!
    Лайкос

    • @pavelosforeverrr
      @pavelosforeverrr 6 років тому +1

      он не читает комменты - в лс пиши

  • @evgeniyn1542
    @evgeniyn1542 6 років тому

    Спасибо, очень полезное видео и тренажер.

  • @1988proxy
    @1988proxy 5 років тому

    Очень полезный материал, спасибо!

  • @igornibutta4490
    @igornibutta4490 6 років тому

    Спасибо Дмитрий

  • @ВасилийКарнеев-р7э
    @ВасилийКарнеев-р7э 6 років тому

    Тренажер классный, СПАСИБО.

  • @MsLodir
    @MsLodir 4 роки тому

    Душевно донес

  • @GiviZurabovich
    @GiviZurabovich 6 років тому +1

    Супер как всегда !!!! спасибо

  • @nikdanik
    @nikdanik 6 років тому

    Круто. Спасибо большое! Полезное видео

  • @lincoln1484
    @lincoln1484 5 років тому

    Узнал много нового, спасибо

  • @jek126
    @jek126 5 років тому

    Дима спс Огромное !!

  • @trustmeimanengineer6368
    @trustmeimanengineer6368 6 років тому +3

    Главный плюс forEach - безопасность. Метод гарантирует перебор только существующих элементов. Для for(...) такую проверку надо писать самому, либо следить за массивом, который мы обрабатываем. Например, js не запрещает написать delete numbers[2]; или numbers[25] = 1. Понятно, что ничего хорошего не произойдет, если после этого прямо в лоб написать стандартный цикл for(...).

  • @igorshvets2078
    @igorshvets2078 6 років тому

    тренажер - супер идея !
    можно по ООП следующий : )

  • @dimovich85
    @dimovich85 6 років тому

    Отличное видео, спасибо! Немного не понял разницы между every, some и тем же filter.

    • @dmitrylavrik
      @dmitrylavrik  6 років тому +1

      Filter возвращает массив, где из базового массива взята часть элементов, попавших под критерий, а every и some либо true, либо false.

    • @dimovich85
      @dimovich85 6 років тому

      Дмитрий Лаврик спасибо!

    • @akudryashov85
      @akudryashov85 6 років тому

      Дима, привет! Как обычно годная инфа. Не хватает ещё метода .find(). А про .reduce() ты верно сказал: пока не понял - боишься как огня, когда понял - сразу пропала куча лишних переменных в коде. Спасибо за видео.

  • @player1363
    @player1363 6 років тому

    Супер!

  • @ivand7299
    @ivand7299 6 років тому +11

    Дима, когда ждать вебинаров?......на канале?

  • @simplewebdev1098
    @simplewebdev1098 6 років тому

    Круто. Понравился фильтр и мап, редюс такое, +/-. А вот эври и соме не очень. В любом случае с меня лайк.

  • @cancman3072
    @cancman3072 6 років тому +1

    Ты откуда такой ? Вокруг меня наоборот было, что forEach и всё остальное не советуют использовать из-за производительности. Но конечно, везде нужно использовать свои инструменты. Просто забавно слышать, что как будто все говорят forEach - это модно, молодёжно и так надо делать ))

  • @ProWichDoctor
    @ProWichDoctor 5 років тому

    Добрый вечер Дмитрий!
    Хотел бы попросить улучшить ваши тестовые задания, а именно размер поля ввода кода, очень не удобно то что height маленький, не видно кода целиком и это ухудшает восприятие и читабельность!
    Сделайте выше пожалуйста!

  • @karen199414
    @karen199414 5 років тому

    лучше всех

  • @baggikjeka4999
    @baggikjeka4999 6 років тому

    Вещь полезная)

  • @SergeyLevkovich
    @SergeyLevkovich 6 років тому

    Здоровская задумка, но не помешало бы добавить возможность расширить поле для ввода кода

  • @solomon8540
    @solomon8540 4 роки тому

    Всего 1 дизлайк за 2 года на 23 к просмотров. Никогда такого не видел, хороший урок!

  • @Vale91kk
    @Vale91kk 4 роки тому

    спасибо за труды, жаль проект больше не поддерживается)

  • @АлександрСеменюк-я2ю

    Здравствуйте. Как увеличить/уменьшить значения элементов в массиве на 'х'?

  • @kirillbaryba746
    @kirillbaryba746 6 років тому

    Спасибо +

  • @wepko
    @wepko 6 років тому

    Топ спасибо

  • @megaprogerxxl
    @megaprogerxxl 6 років тому

    А если посмотреть со стороны скорости на сокращенные методы? они же работают в 4-6 раз дольше чем код который будет организован обычным for. конечно там будет у тебя 3-4 строки кода, а тут 20 но эти 20 отработаю раза 4 быстрей тех 4.

    • @ravabat5841
      @ravabat5841 5 років тому

      откуда такая информация?

  • @the_moonlight_star_dust
    @the_moonlight_star_dust Рік тому

    Здравствуйте, а тренажеры платные? И еще, не получается зарегистрироваться там(

  • @m.movsar
    @m.movsar 4 роки тому

    forEach, every и some - одно и тоже имхо

  • @ОлегШелаев-ц3г
    @ОлегШелаев-ц3г 5 років тому

    по поводу forEach. Это делается в 1 строчку и то не через forEach, а есть проще
    WScript.Echo(numbers.join()); // В notepad++
    Эта строка будет адекватно восприниматься в других редакторах кода?

  • @thetayden6033
    @thetayden6033 4 роки тому

    А чем every отличается от filter?
    Можете подсказать?

  • @M-Daeva
    @M-Daeva 6 років тому

    Почему в 4 задании не принимается такой код:
    function isEven(number){
    return number % 2 === 0;
    }
    let res = arr.filter(item => isEven(item));
    console.log(res);

    • @dmitrylavrik
      @dmitrylavrik  6 років тому +2

      console.out(res); - во вводных уроках по использованию сервиса, да и на шаге №3 этого урока, есть указание на console.out

  • @andriyfedorchenko7936
    @andriyfedorchenko7936 6 років тому

    А почему в тренажере во втором задании нельзя сделать так?
    function isEven(number){
    return number % 2 === 0;
    }
    console.out(arr.every(isEven(number)));
    console.out(arr.some(isEven(number)));

    • @dmitrylavrik
      @dmitrylavrik  6 років тому +1

      Потому что в момент вызова every нет никакой переменной number. console.out(arr.every(isEven))); а every уже сам вызовет isEven и число передаст

    • @andriyfedorchenko7936
      @andriyfedorchenko7936 6 років тому

      Дмитрий Лаврик Точно. Я совсем не учел, что я же вызываю функцию. Спасибо. Тренажер - суперидея

  • @justaman834
    @justaman834 4 роки тому

    жаль что везде всегда все одинаково показывают на числах одно и тоже, люди хотят увидеть реальный какой-то пример использования на практике, все это и так на каждом сайте расписано

  • @HelloGoodbye-f6q
    @HelloGoodbye-f6q 6 років тому

    Сделай видос про план frontend разраба куда идти дальше

  • @lifeinfrontend
    @lifeinfrontend 6 років тому

    А что насчет Object.keys, Object.values

  • @SergeyLevkovich
    @SergeyLevkovich 6 років тому

    Методы перебора массива #8 - "Line 1: Identifier 'res' has already been declared" - не угадал с переменной для результата работы reduce :)

  • @АнатолийАлексеевич-с5к

    А что за тренажер для верстки?????

  • @user-pp4us8qg6l
    @user-pp4us8qg6l 6 років тому +2

    legnth это уже классика

  • @grantorino3465
    @grantorino3465 6 років тому

    не совсем поняно, нафига их столько, по большему счету отличается только reduce. Остальные можно заменить каким-то одним.

    • @dmitrylavrik
      @dmitrylavrik  6 років тому

      Да, можно и every реализовать с помощью reduce, но во-первых every сразу показывает, какую задачу решаем, во-вторых сразу завершит обход, когда встретит false.

  • @Don_Miguel
    @Don_Miguel 6 років тому

    в курсе баг... показывает, что пройдено 8 из 8, 1 из 8, 2 из 8 и 1 из 8... сразу же.
    но сама идея норм.

    • @dmitrylavrik
      @dmitrylavrik  6 років тому

      Спасибо, постараюсь отловить момент, когда баг возникает.

    • @Don_Miguel
      @Don_Miguel 6 років тому +1

      так добил до конца уроки.
      на момент объяснения мне показалось, что это очередное пустое-порожнее-повторение другх уроков
      но задания по перебору грамотно составлены. ставлю ++++
      вы пытаетесь показать как это можно использщовать на практике (во вводном видосе, увы, это как-то невнятно звучит про читаемость кода, кол-во строк и убегание)

  • @ericenderson3415
    @ericenderson3415 4 роки тому

    1 дизлайк, браво))