Урок Javascript #8. Методы массивов JS #1 (map, filter, sort, reduce, forEach + примеры)

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

Комментарии • 73

  • @volodymyrdubinkin4823
    @volodymyrdubinkin4823 3 года назад +25

    Всем кто сомневается, что он способен изучить новую профессию - сомневайтесь и ничего не делайте! А кто пробует - у того обязательно все получится. Пробуйте, смотрите разных авторов, берите разные курсы, не обязательно очень дорогие, изучайте базу и основу, понимание приходит, не сразу, но никто и не говорил, что будет легко!!!!

    • @stackdev
      @stackdev  3 года назад +3

      все так..

  • @muzaffaryunusov7032
    @muzaffaryunusov7032 3 года назад +8

    боже, это было непросто, но я попытаюсь повторять и запоминать неск. раз. Спасибо за уроки огромное!

    • @stackdev
      @stackdev  3 года назад +1

      Это самый правильный путь изучения!

    • @АлексейКомлев-т4с
      @АлексейКомлев-т4с 2 года назад

      Сам вот всех источниках смотрю. Чтобы наконец запомнить. Учусь по Learn.Js и это пока самая сложная тема для меня. Вот и пересматриваю все

    • @МаксимСоловьев-с9н
      @МаксимСоловьев-с9н 2 года назад

      возвращайся и повторяй))

  • @ЗапасЗнаний
    @ЗапасЗнаний 2 года назад +2

    Очень понятно и доступно. Помогли разобраться в этих непростых вещах, как кажется сначала.

  • @Norby-Norby
    @Norby-Norby 2 года назад +1

    оп, я тысячный подписчик в тг сообществе :) крутой контент, спасибо за труд

    • @stackdev
      @stackdev  2 года назад +1

      Спасибо! Круто) добро пожаловать

  • @victancia
    @victancia 3 года назад +12

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

    • @harrisonwinston2850
      @harrisonwinston2850 3 года назад

      напиши метод sort js MDN, там тебе по русски объяснят .

    • @xczm225
      @xczm225 2 года назад +1

      сейчас остановился на методе сорт по видео, зачем мы берем значения а и b тут понятно (сравнивая текущий и следующий) а вот с 1 : -1 ... зачем мы их ретерним? это как то влияет на порядок?
      Благодарю за ответ

    • @xczm225
      @xczm225 2 года назад

      можно еще через localeCompare() думаю так будет нагляднее

    • @beautyisinternal6953
      @beautyisinternal6953 2 года назад +1

      тоже не поняла почему надо писать -1 и 1

    • @dogshin_bulgat
      @dogshin_bulgat Год назад

      @@beautyisinternal6953 вы можете использовать не 1 и -1, а несколько иной синтаксис, например,
      const oldest = presidents.sort((a, b) => a.born - b.born);
      если хотите отсортировать наоборот от большего к меньшему, то соответственно b.born - a.born

  • @jetowl57
    @jetowl57 2 года назад +2

    Спасибо, всё понятно и доступно, а главное нестандартные примеры из учебника.

    • @stackdev
      @stackdev  2 года назад +1

      Спасибо за поддержку!

  • @ВячеславЧервінко
    @ВячеславЧервінко Год назад +1

    Супер полезный материал спасибо вам огромное!

  • @dennyluckes4783
    @dennyluckes4783 3 года назад +1

    Ваще огонь, буду смотреть и пересматривать пока не запомню!

  • @kinomir20
    @kinomir20 2 года назад +1

    Спасибо за урок!

  • @Дмитрий-л4с9х
    @Дмитрий-л4с9х 2 года назад

    Спасибо! Почти всё было понятно. С reduce() так и не разобрался, не хватило объяснения что конкретно делает этот метод.

  • @artem_doronin
    @artem_doronin 2 года назад +1

    урок просто божественный!

  • @SergeAser
    @SergeAser 10 месяцев назад +1

    Спасибо за Вашу работу - все доступно и понятно!! Может только записать, что sort() - мутирует исходный массив?

  • @alexandrgusletsov2567
    @alexandrgusletsov2567 2 года назад +1

    спасибо за исходник, позанимаемся

  • @vladimirpuzey713
    @vladimirpuzey713 3 года назад +1

    Отличное, видео! С удовольствием делал) топ-контент

  • @gerompauel
    @gerompauel 2 года назад +1

    It was really awesome!

  • @AlexAng-s1c
    @AlexAng-s1c 2 года назад +4

    const writersName = writers.sort((a, b) => a.split(", ")[1] > b.split(", ")[1] ? 1 : -1); так тоже работает)

  • @-Vladimir--
    @-Vladimir-- 3 года назад +11

    В примере с городами из Википедии присутствует два класса в которых есть "sortable". Если его использовать то получится массив только из трех ссылочных элементов. Корректно указывать "plainrowheaders".

    • @manako7653
      @manako7653 Год назад

      Ага, точно подмечено. Пришлось подумать, почему не работает пример. Ничего, разобралась)))

    • @sam-y6h4n
      @sam-y6h4n 9 месяцев назад

      спасибо тебе, мил человек!

  • @dinmukhamedamirov2704
    @dinmukhamedamirov2704 Год назад +1

    Хотелось бы по каждому методу отдельное видео. С несколькими примерами, с разными условиями. И по уровню: от легкого к сложному. А то по 1 одному не простому примеру трудно понимается. От 1 одного примера мало толку.

  • @murtazalievm7338
    @murtazalievm7338 Год назад +2

    В параметрах переменные a, b для чего предназначены? И что значит Return 1 и Return -1

    • @butyfuljazernice
      @butyfuljazernice Год назад

      это функция а а и б это элементы, если возвращает один то элемент идет вперед иначе назад, почитайте про сорт

  • @AlexiCult
    @AlexiCult 2 года назад

    Благодарю за урок! Очень помогает научиться.
    По городам, есть небольшое упущение: таким образом в список попали не только города, но и county.
    Вот мой вариант, чтобы были только города. Плюс, выбор нужных элементов сразу по длинному комбинатору ('.sortable tbody th a'), чтобы в скрипте использовать только один querySelectorAll. Плюс, без промежуточных переменных, в одну строку:
    // const names = Array.from(document.querySelectorAll('.sortable tbody th a')).map(el => el.textContent).filter(el => el.includes('San '))
    // console.log(names)

  • @doniyorallayorov5804
    @doniyorallayorov5804 2 года назад +1

    Гениально

    • @stackdev
      @stackdev  2 года назад

      Спасибо за поддержку!

  • @EuegenTv
    @EuegenTv 2 года назад +1

    Последнюю задачку можно решить с помощью new Set() или с помощью indexOf

  • @virtreal4663
    @virtreal4663 3 года назад +4

    А зачем в return `${alived > blived ? -1 : 1}` результат оборачивать в обратные кавычки? Без них тоже правильно работает.

    • @jerichod7999
      @jerichod7999 3 года назад +4

      ещё можно просто отнимать одно от другого (return blived - alived)

  • @АленаБулатова-ф5ж
    @АленаБулатова-ф5ж 2 года назад

    Спасибо за отличные задачи. Последний пример можно решить проще: const fruSet = [...new Set(fruits)];

    • @brutix80
      @brutix80 2 года назад

      ну там же был прикол именно в forEach. Хотя там же было условие запушить результат в новый обьект, чего показано не было

    • @АленаБулатова-ф5ж
      @АленаБулатова-ф5ж 2 года назад

      @@brutix80 Object.keys() вернет ключи объекта в массив)

  • @theoty-js
    @theoty-js 2 года назад +1

    Лучшее что можно найти по изучению JS

  • @probossgogogo5879
    @probossgogogo5879 3 месяца назад

    какой урок восьмой, этот или предыдущий в плейлисте?

  • @igoryavorskiy5297
    @igoryavorskiy5297 2 года назад +1

    Здраствуйте, очень нравятся ваши уроки, подскажите пожалуйста как сделать такое же оформление кода как у вас?

    • @stackdev
      @stackdev  2 года назад +1

      спасибо! VSCode тема Dracula

    • @igoryavorskiy5297
      @igoryavorskiy5297 2 года назад +1

      @@stackdev спасибо, буду дальше смотреть ваши уроки, посоветуйте на каких уроках нужно сосредоточить внимание новичка в js?

    • @stackdev
      @stackdev  2 года назад +1

      @@igoryavorskiy5297 Здесь перечислены все основные темы: js001.ru/

  • @rommarioo
    @rommarioo 10 месяцев назад +1

    Ну 9е задание было бы эстетичнее выполнить =>
    const fruitSet = new Set(fruits);
    const arraySet = Array.from(fruitSet);
    console.log(arraySet);

  • @lllyovvv
    @lllyovvv Год назад +1

    Ребят у меня вопрос, это со всеми бывает когда ты доходишь до этого урока, то не понимаешь, но спустя время когда ты решил глянуть ещё раз то уже начинаешь понимать?)
    P.S. При том что ты вообще не имел дело с этими

  • @timchenkod88
    @timchenkod88 2 года назад

    Здравствуйте. И спасибо в первую очередь за интересный урок. Подскажите, пожалуйста, такой вопрос. Когда мы пишет выводить города с приставкой San - выводятся также и с приставкой Santa. А как сделать, чтобы выводило только San? Заранее спасибо!

  • @JavaScriptcher
    @JavaScriptcher 3 года назад

    В последней задаче push() не применяется?

    • @stackdev
      @stackdev  3 года назад

      Не понял - где? напишите пример

  • @antonyeskimo7593
    @antonyeskimo7593 Год назад +1

    Спасибо за ваш труд. Кто поможет понять в 8 задании про метод reduce.
    const dataCount = data.reduce((objCount, transport) => {
    if (!objCount[transport]) {
    objCount[transport] = 0 - Как понять почему мы ставим значение 0 (если совпало в первый ) , потом добавляем +1 если повторилось , а в итоге получается 2 (если первое значение было 0 ) Надеюсь понятно описал , не судите строго я только учусь

    • @ТалантРыскулов-о2в
      @ТалантРыскулов-о2в Год назад

      разберём со значением truck, его было всего 3. по коду, если этого значения в нашем объекте не было, то добавляем его как ключ со значением 0 (truck: 0). он появился в объекте и дальше reduce не закончил выполнять написанный код, указано что идёт прибавление. в итоге у нас (truck: 1).
      далее если в массиве снова встретился truck и он у нас есть в объекте, то прибавляем плюс 1 в объект (truck: 2). условие if пропускается
      потом truck встречается ещё раз и соответственно будет в объекте truck: 3

  • @RockyMax
    @RockyMax Год назад

    с методом Push нужно выполнить последнее задание

  • @Max-kr4ie
    @Max-kr4ie 3 года назад +3

    Неправильно вы дядя Василий видеоролик назвали, надобыло добавить практика или задачи. А то сами методы слабо объясняются, а практика есть.

  • @Кибер-Жириновский
    @Кибер-Жириновский 2 года назад +2

    reduce это боль)

    • @stackdev
      @stackdev  2 года назад

      Нужно больше практики:)

  • @fobianka2131
    @fobianka2131 11 месяцев назад

    да уж, видео явно не для плейлиста Начинающим. Никаких объяснений...

  • @lesters
    @lesters 2 года назад +1

    последнее еще можно короче записать const newFruits = [...new Set(fruits)]; или const newFruits = Array.from(new Set(fruits))

  • @vaspurakavdalian1133
    @vaspurakavdalian1133 2 года назад

    Благодаро вас за ваши позновательные уроки.Вы настоящи профессионал.
    Василий вы не могли бы помоч мне разобраться,как как коротко выполнить вот это
    / const presidentsSorted = presidents.sort((a, b) => {
    // const aLived = a.died - a.born;
    // const bLived = b.died - b.born;
    // return `${aLived > bLived ? -1 : 1}`;
    вы сказали что можно удалить две переменные и записать в одну строку.
    Честно говоря,никак не разобрался.Благодарю

    • @AlexiCult
      @AlexiCult 2 года назад +1

      Так вроде должно сработать:
      // const presidentsSorted = presidents.sort((a, b) => {
      // return `${(a.died - a.born) > (b.died - b.born) ? -1 : 1}`;});
      Или ещё короче:
      // const presidentsSorted = presidents.sort((a, b) => `${(a.died - a.born) > (b.died - b.born) ? -1 : 1}`;)

    • @vaspurakavdalian1133
      @vaspurakavdalian1133 2 года назад +2

      @@AlexiCult Благодаро тебе дружище.Огромное спасибо👏😎

    • @dmitrimicha8078
      @dmitrimicha8078 Год назад

      Ну или так
      const presidentsSorted = presidents.sort((a, b) =>
      (a.died - a.born) - (b.died - b.born))