Реализуем бинарное дерево на JavaScript; обход в глубину и в ширину

Поділитися
Вставка
  • Опубліковано 26 лис 2024

КОМЕНТАРІ • 60

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

    Ребята, добавлю сюда опечатки монтажа, т.к. видео не хочется перезаливать из-за полученных просмотров:
    1. На 15-21 минуте я руками показываю depth first search и breadth first search, текст перепутан местами.
    2. В видео я не учла рефлект камеры: показываю лево, при этом руками уводя направо. Эту особенность я учла только в самом начале видео. При объяснении кода - не учла.

  • @АлексейТ-з3ь
    @АлексейТ-з3ь 2 роки тому +1

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

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

    Большое спасибо за видео! Действительно очень доходчиво объяснили.
    Хотелось бы продолжения!
    В частности, интересуют такие вопросы:
    - применение алгоритмов и структур данных в вашей практике. В решении каких задач они помогли сделать код производительнее или понятнее? Живые случаи сами собой иллюстрируют актуальность. А то задумается какой-нибудь неуч вроде меня на тему: "ну и зачем мне это дерево, если есть массивы с функциями сортировки и поиска? Для чего нужны стек и очередь, если их опять же, можно реализовать через массив? На каких объемах данных O(n) начинает значительно отличаться от O(log n)?".
    - Я так до конца и не понял для чего нужны разные методы обхода в глубину. Из других источников узнал, что inOrder вернет элементы в порядке возрастания. А остальные?
    - Очень надеюсь однажды найти настолько же понятное объяснение тем, связанных с балансировкой дерева (сама балансировка. правые и левые повороты и т.д), а так же тонкости перестройки дерева при удалении узлов.
    - Хотелось бы посмотреть настолько же качественное видео о кучах.

  • @ЕгорЕгорович-д2т

    Розумна та вродлива ,найкраща в ютубi

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

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

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

    Здравствуйте Елена. очень полезный видеоурок. Ясно объяснения, позитивна подход к урока.

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

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

  • @pain4metoo
    @pain4metoo 3 роки тому +4

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

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

    Огромное спасибо! Качественно и полезно)

  • @МишаЩетинин-з5ы
    @МишаЩетинин-з5ы 2 роки тому

    Спасибо за такое простое и понятное объяснение! Лучшие уроки в сети!!!

  • @andrey1998andrey4
    @andrey1998andrey4 11 місяців тому

    Отличное видео! Благодаря ему наткнулся на канал 👍🏼

  • @МаксимИсаев-ъ5о
    @МаксимИсаев-ъ5о 5 місяців тому

    Мое глубочайшее почтение!

  • @algoseekee
    @algoseekee 3 роки тому +1

    Найс! Коммент в помощь продвижению 😍

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

      Ого!!! Виктор, спасибо!! 😍

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

    Вот то что давно искал. спасибо!

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

    Всё супер супер супер круто😀😀

  • @Диасюмор
    @Диасюмор 2 роки тому

    Отличный канал, спасибо за видео

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

    Спасибо Елена!

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

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

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

    Умничка, еще бы удаление ноды рассказать :) Ждём еще видосов по структурам данных

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

    Круто!!! Спасибо большое!!!

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

    Такой к Вам вопрос, могли бы вы порекомендовать какую то литературу по JS, каких нибудь хороших авторов, по которым можно с нуля подтянуть все до уровня хотя бы джуна и получения навыков реальной работы, какие есть варианты?

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

      Мне больше всего нравился learn.javascript.ru Лучший учебник. Там же можно либо читать на сайте либо купить 3 книги.

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

    спасибо! очень доходчиво изложено.

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

    спасибо за уроки, классно!!!!

  • @reginapopova3062
    @reginapopova3062 11 місяців тому

    Спасибо!

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

    очень крутое видео спасибо

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

    просто не смог не поставить лайк. Видео супер 👍👍👍. Но есть вопрос - для того чтобы найти нужное значение нужно просто ориентироваться из условия больше/меньше и спускаться по ветке вглубь пока не дойдем но нужного значения - типа метода get?

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

      Спасибо! ❤️ Да, спускаться по веткам, в бинарном дереве все значения упорядочены и правильно разложены, поэтому поиск здесь бинарный и очень быстрый.

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

    Небольшая поправочка: в бинарном дереве условие "потомок слева меньше, чем потомок справа" не обязательно. Это требования для бинарного дерева поиска (binary search tree), подвид, получается.

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

      т.е. может быть и наоборот? Не встречала кстати на оборот. Можете ссылку на документацию или источник скинуть?

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

      @@webelart источник... Да любой по структурам данных, наверное. Тот же "Структуры данных и алгоритмы Java" Лафоре, там им глава посвящена. И там в качестве примера рассматривается именно BST, все оговорки и пояснения даны.
      Суть в том, что BST упрощает работу с коллекцией данных, если нужно часто именно искать элементы, как раз за счёт логарифмической сложности. Поэтому ставится такое дополнительное условие. Сравнили значение корня с тем, что ищем. Если искомое больше, отбросили, условно, половину дерева (всю левую часть), и так далее. Правда, нюанс - такое дерево должно быть сбалансированным. А если напихивать в него значения строго в порядке возрастания (или убывания), то такое дерево фактически выродится в связный список, с линейной сложностью поиска.

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

      @@dimeliora обычно для работы с бинарными деревьями здорово предусматривать методы, в том числе и по балансировке.
      Спасибо, что поделились, интересно!

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

      @@webelart да, есть самобалансирующиеся деревья (AVL). Как один из вариантов - Red-Black Tree, вот посмотреть на его реализацию действительно интересно)
      Вам спасибо 🙏

  • @404russ
    @404russ 2 роки тому

    Мужика тебе надо конечно...

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

      Предложение руки и сердца? 😁я вам по чесноку скажу, код и программирование куда стабильнее и надёжнее, любого мужика! 🤪

    • @404russ
      @404russ 2 роки тому

      @@webelart а пошли в дискорде поболтаем

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

    То что надо

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

      Отлично! 🔥

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

    если у вас нету ноды - сорян, прощайте, реторн =DD

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

      Гуд бай

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

    Елена! спасибо большое за видео! Материал для меня оказался непростым, просто повторяла в VC. Как работали в Sources тоже не совсем понятно для меня. Возможно у Вас уже есть видео как работать с DevTools, надо глянуть. Если нет, то может будет актуально. В любом случае, огромное спасибо за видео, буду повторять пока не пойму.

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

      Здравствуйте, Светлана. Нет, по dev tools нет пока видео. Что конкретно хотелось бы по ним узнать?

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

      @@webelart Елена, спасибо, что ответили. Хотелось бы узнать процесс использования, как дебажить код. Может быть какой-то интересный пример VS Code. Может быть пример из жизни, если Вы работали со старым кодом, legacy Ваш опыт, чем Вам помогал Dev Tools. Может просто обзор этого инструмента, фишки какие-то. Вы часто работаете и применяете console.log - в каких случаях и в какие куски кода вставлять, а потом проверяете баг, как отслеживаете ошибки по строчкам. Простите, если плохо донесла мысль. Сейчас каждый день смотрю Ваши видео и повторяю за Вами🙌

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

    👏

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

    Еще раз хочу поблагодарить за видео. Именно с него началось мое изучение структур данных сложнее массива.
    Хочу, в свою очередь, поделиться другим способом организации хранения бинарного дерева.
    В видео представлен подход, в котором дерево хранится в виде структуры, где каждый узел - это объект, в котором хранится значение и ссылки на правого и левого потомка.
    Есть альтернативный подход. Бинарное дерево можно хранить в простом массиве! Подробнее сам подход описан в этом видео ua-cam.com/video/h755jk0HIko/v-deo.html
    Это приводит как к уменьшению потребляемой памяти, так и к упрощению некоторых методов. Например, обход в ширину (traverse BFS) сокращается до простого прохода по массиву!
    Я сам был ошарашен, но действительно метод обхода в ширину сократился до:
    traverseBFS(callback){
    if(!callback || typeof callback !== 'function'){
    console.warn('Неправильный тип callback');
    return;
    }
    this.nodes.forEach(callback);
    }
    Кроме того, я уверен, что несколько ускоряется операции вставки, потому как нам надо ходить не по ссылкам между объектами, а работать в пределах индекса одного массива.

  • @dm.hol.3624
    @dm.hol.3624 6 місяців тому

    Пришел сюда, чтобы войти сеньором в МЯСО (русский FAANG), и не пожалел)

  • @carry-on-chaos4032
    @carry-on-chaos4032 3 роки тому

    Доброго времени суток! Объясните кто-нибудь, пожалуйста, зачем тут используется return без значения ?

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

      Напишите, какая минута видео. Я тогда смогу точно понять о каком return идёт речь. Сейчас напишу ответ относительно 11:38 минуты, где в if есть return. Я использую такую технику, чтобы не писать else. Т.е. по факту если нет this.root, то нам нужно его присвоить и больше ничего делать в этой функции не нужно, поэтому выходим. Можно писать else, но тогда будет нагромождение скобочек.

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

      @@webelart if(...) return .... еще короче, слишком много лишних символов.

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

      @@vadimburavlev4773 Кошмар, как жить с символами теперь...

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

    10 секунд видео пропустил, подумал что за волос на экране

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

      Что за волос?

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

      ​@@webelart Когда с телефона смотрел, не понял сначала что за кадром стебель и принял за волос

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

      @@arnoldinwhite8267 🤣🤣🤣 Я поняла о чём вы, да цветок у меня там супер странный.

  • @ЕвгенийКовальчук-й8й

    Мне не очень зашло, всё быстро и поверхностно... Если будете продолжать делать контент, то пожалуйста делайте более медленно и с комментариями, а то у вас так, здесь пишем это, здесь это... Тема довольно тяжёлая, и по данному видео её даже поверхносто понять тяжело

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

      А мне ваш комментарий не очень зашёл. Всё скомкано, не понятно, что не понятно и поверхностно. И я не шучу. Вы не задали ни единого вопроса, где именно не понятно. А просто разозлились на мой труд, ещё и обесценить попытались. К себе также относитесь? Злитесь, что мозг не сразу воспринял информацию?
      Программирование в целом не простая система и преподать любую его часть, чтобы каждой живой душе было понятно - уже заранее невозможно. А многие знания требуют дополнительных наслоений, таких чтобы сам мозг был готов воспринять новое. Я разобрала те вещи, которые важны и которые мне самой здорово помогли в своё время.
      Хотите, чтобы я к вам проявила эмпатию и помогла, то учитесь писать комментарии по существу с вопросами и с взаимным уважением, конечно.

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

      тема не для новичков парень. требует пауз и обдумываний

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

      Кек, ответ автора порадовал!) Мощно и по существу) 🫡