An important feature of Array.sort that you should always remember | JavaScript Methods

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025
  • Видео о JavaScript методе Array.sort. Одна из его важных особенностей заключается в том, что он меняет исходный массив. Если об этом забыть, это может вызвать очень неприятные сайд эффекты.
    В этом видео мы также разберем, как решить эту проблему с помощью современного метода ES6.
    Код из видео: codepen.io/puz...
    ---
    Если видео было для вас полезным, ставьте лайк и поделитесь им с друзьями.
    Подписывайтесь на наш канал: bit.ly/fs-ytb
    ---
    Присоединяйтесь к нам в соцсетях:
    FB: / frontendscience
    Instagram Сергея Пузанкова: / puzankovcom
    Заходите на наш сайт: frontend-scienc...
    ---
    Song: DayFox - Crushed Hearts (Vlog No Copyright Music)
    Music provided by Vlog No Copyright Music.
    Video Link: • DayFox - Crushed Heart...

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

  • @frontendscience
    @frontendscience  4 года назад +10

    Друзья, понравилось видео? Напишите в комментариях, о чем еще хотели бы услышать в следующих роликах!

  • @АсадДильмурадов
    @АсадДильмурадов 4 года назад +5

    Здравствуйте, отличный канал и видео уроки. Хорошо помогает ваша рубрика решения задач. Продолжайте в том же духе!)

    • @frontendscience
      @frontendscience  4 года назад +1

      Асад Дильмурадов Благодарим за поддержку! Будем стараться!

  • @olehhanyak656
    @olehhanyak656 4 года назад +6

    Про інші методи, теж було б цікаво! (reduce, filter, apply...) Дякую!

  • @ВиталийКузнецов-щ3т7й

    Отличное видео, коротко и никакой воды!

    • @frontendscience
      @frontendscience  4 года назад

      Благодарим! Приятно слышать! Заказывайте новые темы

  • @IhorKevin
    @IhorKevin 4 года назад +6

    Я: тю, як можна не знати, що sort() мутує масив?
    Теж я: другий день не можу знайти баг, чому список туду виводиться неправильно.

  • @m_e_m_c_h_i_k_ua
    @m_e_m_c_h_i_k_ua 4 года назад +2

    Отличный канал и видео уроки!!

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

    Очень полезное видео. Большое спасибо!

  • @АннаЛопина-ч6н
    @АннаЛопина-ч6н 6 месяцев назад

    хороший ребус)) спасибо)

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

    обожаю этот канал! спасибо большое за ваш труд!

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

      Благодарим за поддержку! Очень приятно ☺️

  • @larisaplatova1644
    @larisaplatova1644 9 месяцев назад

    Спасибо за это видео

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

    Еще вариант - поменять местами методы sort и map. Тогда sort будет использовать не исходный массив, а тот, который вернет map :)

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

      Как один из вариантов да, может быть. Но дело же не в самом мапе, это только как пример я привел. Вместо мапа может быть что угодно и в очень разных последовательностях. Здесь главное - понять и знать, что sort меняет исходный массив.

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

    Спасибо большое 😊

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

    Спасибо! Очень информативный ролик!

  • @МаксимБабков-м3щ
    @МаксимБабков-м3щ 2 года назад

    Очень круто объяснил. Спасибо!!!

  • @ЕвгенийЕгунов-и3ч
    @ЕвгенийЕгунов-и3ч 2 года назад +1

    Супер обьяснил!спасибо

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

    Nice video my Brother.

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

    А как насчёт создания копии массива при помощи метода slice? Это актуально или лучше использовать spread?
    Спасибо за видео 🙂

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

      Это уже как Вам удобнее. Актуальны оба варианта! :)

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

    Видео - огонь! Спасибо! Хотелось бы ещё на процесс сортировки массива через цикл посмотреть.Там как-то всё страшно выглядит. И как вы думаете, Сергей, на собесе могут спросить как сортировать массив не через sort, а именно при помощи цикла?

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

      Могут все что угодно спросить, но обычно разные алгоритмы сортировок спрашивают на фуллстека или бэкендера. На фронтенд собеседованиях такое не часто задают

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

      @@frontendscience спасибо за ответ!

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

    Thank you so much!)

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

    Спасибо

  • @denysivashchenko2080
    @denysivashchenko2080 3 года назад +2

    супер

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

      Благодарю за поддержку

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

    Я не понимаю как работает сорт если ему колбэк не передать на цифрах. Там какое то неадекватство происходит =/

    • @frontendscience
      @frontendscience  3 года назад +9

      Все очень просто - он сортирует все как будто это буквы. Как в телефонной книге: Андрей будет идти раньше Анны. Он сравнит первые буквы, потом вторые, потом третьи и тут увидит что "д" должно быть раньше "н". Точно также будут сортироваться цифры. 111 будет идти раньше 12. так как при сравнении второго символа 1 идет раньше 2ки

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

      @@frontendscience так просто! Спасибо!)

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

    Просто, перед любыми действиями, в которых вы не уверены, прогуглите их.

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

    единственный нормально объяснивший здесь

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

    Дякую!

  • @wasd6461
    @wasd6461 2 года назад +5

    музыка на фоне сбивает

  • @саксасксон
    @саксасксон 4 года назад

    А как сделать чтобы было меньшее,большее,среднее число ??

    • @frontendscience
      @frontendscience  4 года назад +1

      Не совсем понятно, что имеется ввиду если в массиве 10 чисел. Что из этого среднее? Но могу предположить что если нужна нелинейная сортировка, то надо писать свою функцию сортировки с кастомным алгоритмом.

    • @саксасксон
      @саксасксон 4 года назад

      @@frontendscience В массиве 3 числа.Как написать сортировку?? Такого решения я в RUclips не нашёл.

    • @frontendscience
      @frontendscience  4 года назад +2

      @@саксасксон codepen.io/puzankov/pen/OJRpNaq?editors=0011

    • @саксасксон
      @саксасксон 4 года назад

      @@frontendscience Спасибо большое)))

    • @diplodogs
      @diplodogs 4 года назад +1

      @@саксасксон для большего количества чисел можно сделать так :
      let arr = [2, 6, 1, 3, 4];
      let [min, ...rest] = arr.sort((a, b) => a - b);
      const max = rest[rest.length - 1];
      rest.splice(-1, 1)
      let result = [min, max, ...rest];
      console.log(result);

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

    можно два лайка поставить? спасибо!!

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

    А где знаменитое "та-дааам"?))

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

    Array.toSorted()