20 методов массивов в JavaScript, которые вы должны знать.

Поділитися
Вставка
  • Опубліковано 31 тра 2024
  • Разберём все основные методы массива в JavaScript, которые покроют 99% задач.
    🍀 Поддержать канал: www.donationalerts.com/r/webe...
    ☕️ Купить кофе: buy.stripe.com/5kA7sL9574SG7x...
    🎨 Купить набор кистей Procreate: webelart.com/illustration.
    ✍️ Мой telegram channel: t.me/webelart
    🏰 Английский UA-cam: @webelart_en
    💁🏼‍♀️ Инстаграм: / webelart
    🦄 LinkedIn: / webelart
    00:00 введение.
    00:16 определение массива.
    01:16 forEach
    03:49 map
    06:17 reduce
    12:14 find
    14:36 findIndex
    15:40 filter
    17:54 push
    19:50 unshift
    21:26 pop
    22:56 shift
    23:54 форма + курсы 🥰
    25:21 concat
    27:15 join + split
    29:41 sort
    36:32 isArray
    37:53 splice
    40:43 slice
    43:54 indexOf
    45:34 lastIndexOf
    46:47 includes
    48:55 reverse
    На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

КОМЕНТАРІ • 66

  • @webelart
    @webelart  2 роки тому +6

    Ребята, голосуйте за темы роликов в форме: forms.gle/AXYL7aujWqQH8MPa9. Там не нужно вводить почту или какие-то данные, просто голос. ❤️😘

    • @diatm1506
      @diatm1506 8 місяців тому

      Мне интересно поработать с dom, bom, events в js😊

  • @samsizero7177
    @samsizero7177 2 роки тому +30

    если говорить о пожеланиях, очень понравился ролик "Учимся использовать стек и очередь в JavaScript". Было бы круто решать сложные задачи с codewars с пояснениями)

    • @webelart
      @webelart  2 роки тому +9

      О! Это прикольно. Подумала про канал Виктора Карпова, он много постит как раз лайф кодинга на алгосики. Пожелание учтено, в форму добавила 👍🏻 И канал Виктора на эту тему тоже рекомендую: ua-cam.com/users/viktorskarpov

  • @alex_plizzz
    @alex_plizzz 2 роки тому +4

    Странно что этот канал мне попался только сейчас. Елена, спасибо большое😇

  • @robbyandreasian
    @robbyandreasian Рік тому +1

    Лена, очень рад, что нашел это видео! спасибо большое вам за работу !

  • @Valer0_4ka
    @Valer0_4ka 2 роки тому +2

    Супер. Спасибо, все очень понятно.

  • @ExcelStore
    @ExcelStore 2 роки тому +2

    Хороший подробный обзор. Спасибо!

  • @aziretasanov4393
    @aziretasanov4393 2 роки тому +1

    Приятный голос ) А когда хорошо вслух , то и информация легче запоминается (факт) !

  • @eclipseweb1419
    @eclipseweb1419 Рік тому +1

    Елена, спасибо вам большое за видео! Наконец-то добрался до ваших уроков, мне как новичку, очень понятно и интересно😁

  • @reactnext13
    @reactnext13 2 роки тому +1

    Спасибо за видео, отличное объяснение

  • @user-xz4qi9kw9k
    @user-xz4qi9kw9k 2 роки тому +3

    Спасибо большое за ваш труд и удачи вам в развитии канала!

    • @webelart
      @webelart  2 роки тому

      Спасибо! ❤️

  • @user-sn7dp3xe2c
    @user-sn7dp3xe2c Рік тому +2

    Супер , спасибо хотелось бы посмотреть примеры задач с этими методами и подробный разбор .Было бы супер 🥰

  • @user-qu5ff6dw8h
    @user-qu5ff6dw8h 2 роки тому +3

    отличный ролик, спасибо Вам за труд!

  • @quite10
    @quite10 2 роки тому +1

    супер❤️ то, что нужно в данный момент 😍

    • @webelart
      @webelart  2 роки тому +1

      О, и это огонь! 🔥 Если будут вопросы, обязательно пишите! ❤️

  • @ArielRaskin
    @ArielRaskin 2 роки тому +1

    очень круто. подписался

  • @nouchance
    @nouchance 2 роки тому +1

    Thank you Elena!

  • @masuryans
    @masuryans 5 місяців тому

    Благодарю Елена! Все объясняешь понятно! Успеха тебе в жизни 😊😊

    • @webelart
      @webelart  5 місяців тому

      Спасибо! И тебе успехов! 🎄

  • @STELLS541
    @STELLS541 7 місяців тому

    Начало топовое)) 😀👍🏻

  • @user-yc7pw3dn5r
    @user-yc7pw3dn5r 2 роки тому +5

    *Отличный контент. А можно сделать урок с самыми часто используемыми методами и разобрать их на примерах?*

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

    Спасибо огромное!

  • @dmitriyart2989
    @dmitriyart2989 2 роки тому +3

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

    • @webelart
      @webelart  2 роки тому +3

      Это точно! 😍 И одна из частей почему я снимаю видео на UA-cam, это формирование справочника в том числе и для себя. 😂 Например, видео про регулярки, которое я делала и которые я вечно забываю, прямо процентов на 50% снимала из этих соображений.

  • @svetlanazheleykina4113
    @svetlanazheleykina4113 Рік тому +3

    Елена, спасибо за видео! Очень вдохновляете своим примером! Особенно актуально для меня, женского пола. Вы смогли постичь эту сферу, и хочется верить и стремиться, что я тоже смогу. Главное не сдаваться, и ни смотря на возраст и пол продолжать дальше. Круто, что Вы делитесь своим опытом и знаниями. Если говорить о пожеланиях, то это примеры из реальных практических задач, которые актуальны будут в работе. Но это только пожелания. Отдельное спасибо за позитив! Всё круто!:)

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

      👍

    • @Blondguy12
      @Blondguy12 10 місяців тому

      пол и возраст роли не играет) важно только стремление

  • @user-px1er1lb1v
    @user-px1er1lb1v 2 роки тому +1

    С такой подачей материала 50 минут пролетели не заметно ! Обычно начинаю засыпать ... Спасибо !

  • @enotus_chang
    @enotus_chang Рік тому +1

    Замечательное видео. Имел печальный опыт работы с redux - эта зараза складывает float, как строку :)

  • @theoty-js-react
    @theoty-js-react Рік тому

    Лучший образовательный контент

  • @theoty-js-react
    @theoty-js-react 2 роки тому +2

    Ооо, на что я наткнулся, новая порция интересных обучающих роликов, Елена на высоте) приятная, красивая, игривая ^^, с багажом знаний... некоторые спрашивают - как выучить js ?, ответ прост, нужно просто попасть на канал Елены Литвиновой ;)

  • @avocodeuser1343
    @avocodeuser1343 Рік тому +1

    Леночек, спс за контент

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

    It was nice to watch...
    One could add:
    copyWithin, every, entries, from

  • @stavrogin_
    @stavrogin_ 2 роки тому +12

    Елена, может быть Вам будет интересно сделать структурированный курс по JS, именно с нуля и с какими нибудь задачи для дз(взятыми с codewars или других источников)?. Я думаю это хорошая идея, т.к. много блогеров набирали на таких плейлистах основную массу подписчиков. Я бы очень хотел такой курс именно от Вас. Видно что объясняете понятно и знаете не только верхушки. Я сейчас говорю про бесплатный курс - да, это нагло. Но по моему мнению вы бы подняли популярность вашего канала и потом могли быть ментором для обучающихся на ваших видео.

    • @webelart
      @webelart  2 роки тому +4

      Мне нравится эта идея с курсом по JS открытым на UA-cam + домашка. Я уже думала над чем-то таким, но переживаю, что тема может пока не зайти, с точки зрения ранжирования, т.к. у меня пока не так много подписчиков и ютуб плохо ранжирует видео (именно показывает публике). Поэтому я сейчас на канале выпускаю более уникальные темы, которых не так много в пространстве ютуба, в том числе особенности JavaScript, анимации, практические решения.
      Но я подумаю, возможно это привлечет пользователей, которые будут постоянно смотреть контент + я продаю свои курсы и планирую их много выпускать. И преподавание открыто, позволит людям привыкнуть ко мне и захотеть учиться уже на более сложных курсах платно + менторство как вы сказали. В общем если думать с этой стороны, то звучит как хорошее вложение даже без большого кол-ва просмотров...
      Короче, я пока подумаю, мне нужно ещё два урока выпустить по вёрстке макет, сейчас работаю над ними, а после посмотрим.

    • @IvanIvanov-ss8lj
      @IvanIvanov-ss8lj 2 роки тому

      @@webelart Сейчас все, абсолютно все ютуберы стараются продавать свои инфокурсы

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

    Добрый день,Елена☀️Очень классный урок.Попробовала покопаться со всеми методами и с методом reduce оказывается без [initial] может выскочить ошибка если массив будет пустым

  • @diatm1506
    @diatm1506 8 місяців тому

    Интересно, а как например может помочь алгоритмы и структуры данных при решении задач например с работой с массивами? Например стэк, очередь

    • @webelart
      @webelart  8 місяців тому

      Можете посмотреть это видео ua-cam.com/video/i5PfPoX88wI/v-deo.html

  • @user-tb3mm6dl3z
    @user-tb3mm6dl3z Рік тому

    Загадочная Елена 😏😏😏

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

    здравствуйте. а курс по алгоритмам еще существует?

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

      Здравствуйте, нет. На текущий момент не преподаю курсы.

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

      @@webelart Эх, жаль, попала на Ваш канал и так все понравилось)) я бы у Вас обучалась))но все равно спасибо за такой классный контент!

  • @user-qb6jj4dv6k
    @user-qb6jj4dv6k 2 роки тому +1

    для фильтрации массива от дубликатов хорошо использовать третий аргумент, то есть сам массив

    • @webelart
      @webelart  2 роки тому +2

      Тут интересно, в целом да поняла как можно заюзать. Но получается у нас квадратичная сложность будет. Мне кстати для удаления дубликатов в примитивах нравится [...new Set(arr)].

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

    forEach можно мутировать массив, если мутировать 3 аргумент arr

  • @anatoliyakatov4664
    @anatoliyakatov4664 2 роки тому +2

    короче не плохо короче план неплохо писать короче с планом легче короче а так все не плохо короче короче ждем короче следующие видео короче будут лучше короче

    • @webelart
      @webelart  2 роки тому +5

      😂 Вот вас штырит. Короче удачи вам с видео 🤣

  • @user-pt4tb4kn9g
    @user-pt4tb4kn9g 2 місяці тому

    метод some забыли еще

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

    а чего спред не попал ?

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

      это не метод массива лол

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

    шерон стоун програмистка)?

  • @user-ws7dz5ut3m
    @user-ws7dz5ut3m 2 місяці тому

    SOME,EVERY?

  • @chipdouglas9495
    @chipdouglas9495 8 місяців тому

    тяжко усваивать инфу, кровь от мозга оттекает )

    • @webelart
      @webelart  8 місяців тому

      Так закачайте назад ;)

    • @chipdouglas9495
      @chipdouglas9495 8 місяців тому

      @@webelart мысли вслух, пардон. суровая жизнь программиста

  • @MsXeks
    @MsXeks Місяць тому

    Слишком много "короче" 😅

    • @webelart
      @webelart  Місяць тому

      Спасибо за отзыв. Думаю сейчас стало получше. Иногда, когда волнуюсь слишком много эмоционирую :)