ES2023 - что нового в JavaScript?

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • Поговорим о новых методах работы с массивами (arrays) в JavaScript в ES2023 и как они нам помогут писать более простой и эффективный код.
    🔗 Ссылки:
    🎉 Курсы по JavaScript:
    - Базовый: purpleschool.ru/course/javasc...
    - Продвинутый: purpleschool.ru/course/javasc...
    🎓 Мои курсы по разработке: purpleschool.ru
    👨‍💻 Клуб разработчиков: purpleschool.ru/club
    💬 Telegram канал с полезными советами: t.me/purple_code_channel
    Разделы видео:
    0:00 - Введение
    0:16 - О чём будем говорить?
    0:57 - findLast и findLastIndex
    2:46 - with
    5:25 - toSorted
    6:39 - toReversed
    7:09 - toSpliced
    8:01 - Заключение

Komentáře • 128

  • @PurpleSchool
    @PurpleSchool  Před rokem +2

    🔗 Ссылки:
    🎉 Курсы по JavaScript:
    - Базовый: purpleschool.ru/course/javascript-basics
    - Продвинутый: purpleschool.ru/course/javascript-advanced
    🎓 Мои курсы по разработке: purpleschool.ru
    👨‍💻 Клуб разработчиков: purpleschool.ru/club
    💬 Telegram канал с полезными советами: t.me/purple_code_channel

    • @PlaceTickets
      @PlaceTickets Před rokem

      Лучше бы так же добавили поддержку обращения по индексу с отрицательными значениями к массиву.
      array[-2], что было бы аналогично array.at(-2); но ведь с квадратными скобками быстрей и прощще.

  • @user-rm9ih7nc1u
    @user-rm9ih7nc1u Před rokem +1

    дякую лайк! Антон, класний канал!)

  • @user-en6sy2dr6n
    @user-en6sy2dr6n Před rokem +1

    Супер, очень полезная информация . Спасибо!!!

  • @den_sh_dev
    @den_sh_dev Před rokem +2

    Ант, ты супер! спасибо за материал! Очень полезная информация!

  • @yakovlimanskiy5238
    @yakovlimanskiy5238 Před rokem +1

    спасибо за обучение. приятно слушать, понятно преподносится

  • @asg5511
    @asg5511 Před rokem +3

    Новинки доступным языком и наглядными примерами - это круто!

  • @TimurSevimli
    @TimurSevimli Před rokem +1

    Спасибо Антон, было интересно! 👍

  • @user-vv9lq3fe3h
    @user-vv9lq3fe3h Před rokem +1

    Кайфовые методы! Спасибо за видос!

  • @ilyatemnikov9624
    @ilyatemnikov9624 Před rokem +11

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

  • @AleksandrPiletskii
    @AleksandrPiletskii Před rokem +1

    Интересно и полезно, спасибо

  • @raff_m_d6971
    @raff_m_d6971 Před rokem +1

    очень полезно. новинки всегда интересно

  • @gritsienkooleg3447
    @gritsienkooleg3447 Před rokem +1

    Круть! ❤

  • @bomzhiha-s-kurskogo-vokzala

    Да, помню раньше в js был другой with, который стал deprecated. Позволял объединять, выносить родительский объект(ы) "за скобки"

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Да, была такая плохая практика)

  • @user-xc6fv1kj6z
    @user-xc6fv1kj6z Před rokem +1

    Еще стрелочными функциями не все пользоваться умеют и контекст теряют а тут уже новые важные вещи на подходе)

  • @vitaliiponomarov1271
    @vitaliiponomarov1271 Před rokem +2

    просто комментарий для продвижения крутого контента. #ES2023 #javascript #react #vue #angular #node #frontend

  • @svgsprite4942
    @svgsprite4942 Před rokem +1

    Спасибо за информацию. Всё красиво в видео. Хотелось бы отметить, что частое переключение между редактором кода и консолью с анимированными переходами несколько осложняет восприятие.

  • @Albert_Hall
    @Albert_Hall Před rokem +1

    Теперь я вооружен и опасен 🛠️
    Премного благодарен ⛳

  • @Commondore
    @Commondore Před rokem +1

    Клавиатурка действительно стала приятней звучать 🙂. Спасибо за видео 👍

    • @PurpleSchool
      @PurpleSchool  Před rokem

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

    • @viktorkasap
      @viktorkasap Před rokem

      @@PurpleSchool а что за клава?)

  • @awenn2015
    @awenn2015 Před rokem +1

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

  • @nocomments5529
    @nocomments5529 Před rokem +1

    Пригодятся данные методы!

  • @irinag5130
    @irinag5130 Před rokem +1

    искала инфу по js, а нашла свой asmr😆

    • @PurpleSchool
      @PurpleSchool  Před rokem +1

      Я рад что понравилось) надеюсь и материалы тоже полезны)

  • @Gazovchik
    @Gazovchik Před rokem +2

    Спасибо
    Только учусь ещё JS-у
    Но наверное уже Сейчас надо пытаться Держать Себя в курсе,,,,,,,
    Всем Адекватности мира и добра

  • @nvkzmaks
    @nvkzmaks Před rokem +1

    Какие еще АСМР на твиче от голых женщин. Вот это настоящий качественный АСМР. ОООх как же ты приятно звучишь это просто невероятно)

  • @19n1ght
    @19n1ght Před rokem +1

    Сделайте видео про using (proposal-explicit-resource-management), который сейчас на Stage 3 и который будет в ТС 5.2. Одно из крупнейших обновлений языка, как по мне.

    • @PurpleSchool
      @PurpleSchool  Před rokem +1

      Обязательно, когда будет в бете TS.

  • @dzmitrysatsukevich805
    @dzmitrysatsukevich805 Před rokem +1

    Забавно, что как раз вчера на работе была задача найти последний обьект в массиве, где условие done === true. Думал делать reverse и потом поиск, оказалось, что нужный метод уже доехал))

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Да, главное посмотреть на поддержку браузеров и node

    • @coolassassin
      @coolassassin Před rokem

      Все что не реализовано, легчайше реализуется на reduce или reduceRight

  • @виртуоз_ру
    @виртуоз_ру Před rokem +1

    Крутяк 👍

  • @HEX_CAT
    @HEX_CAT Před rokem +1

    ❤❤❤

  • @daveyjonesx
    @daveyjonesx Před rokem +1

    Интересно почему toSorted и другие подобные методы не сделали еще лет 6-7 назад

  • @jamjam3337
    @jamjam3337 Před rokem

    👏👍

  • @Sasha9433
    @Sasha9433 Před rokem +1

    В таймкоде 7.09 ошибка в названии toSliced, а должно toSpliced

  • @user-bo9ms7zn2p
    @user-bo9ms7zn2p Před rokem +2

    with для меня новое)

  • @Pax_Roma
    @Pax_Roma Před rokem +1

    Спасибо, полезно) Интересно, а зачем добавлять новые методы, если можно докрутить старые. Например создать доп. параметр отвечающий за возврат нового массива или мутировать старый.

    • @PurpleSchool
      @PurpleSchool  Před rokem +1

      Все та же обратная совместимость. Даже если сделал метод обратно совместимым, сложно будет доносить где новый параметр поддерживается, а где нет.

  • @censored2279
    @censored2279 Před rokem

    with по сути выходит урезанный splice + спред, ну возможно оптиимзирован разве что быть но это не точно.
    и не удивлюсь что является урезанным toSpliced
    типа with = (a, b) =>toSpliced(a, 1, b)

  • @sherkhaniskender7403
    @sherkhaniskender7403 Před rokem +1

    Мне нравится иммутабельная сортировка

  • @jethro8277
    @jethro8277 Před rokem +2

    Добротно. Меньше костылей.

  • @ChessGod1213
    @ChessGod1213 Před rokem +1

    Крутое видео! Как называется ваша тема?

  • @user-kr3xl3zw3m
    @user-kr3xl3zw3m Před rokem

    Последний элемент можно найти arr[arr.length-1]

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Тут не получение последнего аргумента, а поиск по массиву с конца

  • @user-ed8eb6cx7o
    @user-ed8eb6cx7o Před rokem +1

    Очень любопытно было бы увидеть видео о том как управлять памятью в js, очень больная тема, особенно когда с большими данными работаем

  • @user-nh3pw8ze5c
    @user-nh3pw8ze5c Před rokem

    У меня куплены тво курсы, udemy(+-), по node, nest, next. Курс по nest , не актуален могу ли я получить доступ на актуальные курсы?

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Курс по Nest недавно обновлялся, чтобы покрыть изменения в mongoose

  • @kkulebaev
    @kkulebaev Před rokem

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

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Есть спецификация ES, которая обновляется каждый код (дата не фиксирована вроде) и туда входят Proposal, которые прошли несколько стадий. Дальше браузеры в своём темпе уже имплементирую её для JS.

  • @user_k.alex_
    @user_k.alex_ Před rokem +2

    Я первый раз на этом канале и хочу сказать что мне очень нравится контент. Однако я пробую переписать ваш код и у меня webstorm не знает такие команды. Например findLast - нет авто заполнения, но работает, а with вообще не работает. Подскажите в чем может быть проблема Установлены webstorm 2023 и node.js до v18.

    • @PurpleSchool
      @PurpleSchool  Před rokem +1

      Привет! Node нужна 20й версии, если запускаете не браузере. А по autocomplete VSCode пока тоже не знает этих свойств.

    • @user_k.alex_
      @user_k.alex_ Před rokem

      @@PurpleSchool спасибо

  • @awenn2015
    @awenn2015 Před rokem +1

    2:08 я думаю это больше сахар так как кому нужно было гнали обычном фором с конца

  • @---Maksim---
    @---Maksim--- Před rokem +1

    findLast полезный, короткая версия для обратного цикла через for, а остальное просто сократили написание slice() / slice(0) и теперь можно не чейнить.

  • @kotik2400
    @kotik2400 Před rokem

    а в nodejs эти методы с какой версии доступны?

    • @PurpleSchool
      @PurpleSchool  Před rokem +1

      В 20й версии точно работает, а ниже надо тестировать или смотреть спецификацию

  • @reshetnikAlex
    @reshetnikAlex Před rokem

    Как называется клавиатура у вас? Звук приятный

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Вот про клавиатуру и её сборку: czcams.com/video/OQUlazEFCYg/video.html

  • @weynemeynen
    @weynemeynen Před rokem

    ОК. Только в описании заменить 7:09 - toSliced на 7:09 - toSpliced

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Спасибо! Поправил опечатку

  • @user-zr9ug1np9j
    @user-zr9ug1np9j Před 8 měsíci +1

    А что за тема можно узнать?

  • @nvkzmaks
    @nvkzmaks Před rokem

    Блин. Ты прям как программист

  • @aceracer5556
    @aceracer5556 Před rokem +1

    Шрифт бы по больше на видео... А так спасибо за информацию!

  • @mercystrong4839
    @mercystrong4839 Před rokem

    Что за тема в редакторе?

  • @mo3g666
    @mo3g666 Před rokem +2

    А где NeoVim?)

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Он на месте, но так как контент для новичков, решил не пугать)

    • @mo3g666
      @mo3g666 Před rokem

      @@PurpleSchool ну можно тогда выдохнуть :3

  • @pryanik150
    @pryanik150 Před rokem

    Когда уже видно про $mol? 😪

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Сложный вопрос...

    • @CJIu3eHb
      @CJIu3eHb Před rokem

      vintage, перелогинься. :)

  • @coolassassin
    @coolassassin Před rokem +1

    Не понятно нахрена нужен этот with, когда есть toSpliced 🤷

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Первый заменяет, второй удаляет.

    • @coolassassin
      @coolassassin Před rokem +1

      @@PurpleSchool почитайте про splice, у него больше чем 2 аргумента. Им можно удалять сколько угодно и потом вставлять сколько угодно. Это очень мощная штука

  • @arsolitt
    @arsolitt Před rokem

    Джаваскриптизëрам написали функцию для итерации по массиву с конца....

    • @CJIu3eHb
      @CJIu3eHb Před rokem

      Нет. Только поиск (использует итерацию, конечно, но это не итерация).

  • @dmytrodidenko7728
    @dmytrodidenko7728 Před rokem

    Как по мне то все эти методы в 90 % случаев при работе со стейтом безполезные. Так как восновном в масивах (на серезных проэктах) находятся объекты. А они передаются по ссылкам. Так что копирование самих массивов там не поможет...

  • @dmitriy4415
    @dmitriy4415 Před rokem

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

    • @PurpleSchool
      @PurpleSchool  Před rokem +1

      Тут же дело не только в React, а в мутации массива, что в целом не очень хорошая практика.

    • @mo3g666
      @mo3g666 Před rokem

      Когда уже перестанут React называть фреймворком? Он же библиотека )

    • @---Maksim---
      @---Maksim--- Před rokem

      Нет никаких проблем, просто ставишь immutable и пишешь все как хочешь.

    • @duchy011
      @duchy011 Před rokem

      @@PurpleSchool не согласен. В мутации массива нет ничего плохого. Например в реактивности vuejs это базовый принцип

  • @user-bx2er2zx5u
    @user-bx2er2zx5u Před rokem +1

    Ну вроде же нормальный язык ваш javascript - ну что за идиотичное название findLast? Разве это не переводиться как "найти последний" , что очевидно подталкивает на мысль , что функция ищет с начала коллекции последний элемент по условию ? Я просто шарпист и у нас как-то научились называть методы так , чтобы было понятно что они делают , а в js'е уже не первый раз такое вижу...

    • @PurpleSchool
      @PurpleSchool  Před rokem +1

      К сожалению больше наследние, которое приходится поддерживать из-за того, что весь интернет работает на JS.

    • @harrisonwinston2850
      @harrisonwinston2850 Před rokem +1

      если ты шарпист, то по сигнатуре метода понял бы сразу. А на счет нейминга согласен

    • @user-bx2er2zx5u
      @user-bx2er2zx5u Před rokem

      @@harrisonwinston2850 я исключительно про нейминг.

    • @krynzhulya
      @krynzhulya Před rokem

      @@harrisonwinston2850 действительно, может тогда вообще вместо findLast, назовём doSomething ведь по сигнатуре и так все понятно.

  • @whoknows4728
    @whoknows4728 Před rokem

    Линус Торвальдс не одобряет, тем более js

  • @user-ze5cm9dc5h
    @user-ze5cm9dc5h Před rokem +1

    Старый, как С и Pascal, ничего нового за 20 лет.)

    • @PurpleSchool
      @PurpleSchool  Před rokem

      Ну за 20 лет оооочень много что изменилось. Полноценные классы, да и куча других фичей. Язык развивается и это хорошо.

    • @user-ze5cm9dc5h
      @user-ze5cm9dc5h Před rokem +1

      ​@@PurpleSchool Язык, который не работает с лингвистичностью организма человека не сможет пройти индустриальную революцию в настоящих независимых международных академиях наук (все гос. академии наук коррупционы и не дают обществу, свободных полезных технологий) в дальнейшем через 10-100 лет. Тупик в технологиях. Пыльная не полезная книга на лженаучной полке, как и все кто масштабирует эти лже технологии. Поэтому и всё так происходит. Не нужные вещи рождают ненужных людей. Робототехника уже отбирает 80% рабочих мест это говорит о том, что в мире деградация и лженаука, лентяев становиться больше, чем простых услуг. Войны, деградация, эпидемии. Человечество уничтожает, не полезный опыт придуманного геноцида и экоцида лже стран и их комерческих искусственных конкурентов (партнёров для отмывания денежных средств). Вот такое произведение искушения, ни одной полезной технологии за 100 лет. И не удивляйтесь, когда увидите себя молодым на фотографии, но очень со старым телом и обманутым. Физику Высшую учите там много чего сократили с 50-х годов (и настоящих даже компьютеров ещё нет, самодостаточных технологий, а всё иное красивая пустыш тупика). Поэтому везде и деградация и лженаука геноцида. Не зная основы создания настоящих технологий, будете учить языки (язычество, Вавилон и не будете понимать суть науки и настоящих интеллектуальных надстроек над одним основным наречием Старославянское (криптографическое) наречие, Язык Мироздания, язык Всего), а не "наречие", интеллектуальная сверхспособная надстройка над речью и интеллектом.

  • @albertsaitov7463
    @albertsaitov7463 Před rokem

    Кто уже только не обсосал эти методы, ролик ради ролика, ты бы еще про map find filter ролик сделал