Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding:
там не нужен пхп. поэтому и не использую в своем проекте пхп))
но согласна, что при помощи пхп можно сделать почти все и париться)

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Stalker_RED: даже когда меняешь Name на name, то всё равно не работает

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding:
я вывожу данные тоже через vue.js)))
моя "база данных" это всего лишь db.json файл))) даже таблицы не связаны.
извращение так сказать.
ментор сказал, что данный шаблонизатор будет прост в использовании и в изучении))
вот и кручусь как юла)))

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding: я поняла вас)
все равно спасибо за помощь))
без таких умных как вы, никак :)

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding: ну как решили. на JQ варивант есть))) но у меня проект на vue) поэтому ментор задаст вопрос: ты что дура..?))
так что буду добивать вариант на vue, но если не выйдет, то воспользуюсь кастомным вариантом Никиты.

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Никита Полевой: я пробовала, но попробую еще раз. большое спасибо за помощь)

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Никита Полевой: ну ладно) я вам очень благодарна! дай Бог вам здоровья)

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Никита Полевой:
до данного способа тоже додумалась. пробовала, но он не работает и уже отчаялась.

var data = {
  name: 'My Tree',
  children: buildHierarchy(items)
}

офигеть) ваше кастомное решение отлично работает) и создает прекрасную вложенность!!!!!!!!!!!!!!!!
а может поможете понять, почему не получается сделать на vue.js даже если приводить к такому типу как вы написали...? я пробовала и у меня не получилось((((((((((((((((((((((((((

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding: знаете, с пхп точно не вариант. ментор сказал, чтоб добивала коменты на vue.js или на jQ,поэтому я и отправилась в приключение на стакОверфлоу (((((((((((((

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding: да конечно. мне любой вариант подойдет, кроме пхп)

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Никита Полевой: алгоритм со стекОверфлоу рабочий. зачем мне придумывать велосипед.
мне просто надо вывести в html.
и так как я использую vue.js то пробую вывести через дерево(

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding: сказали, что делать на пхп нельзя. просто такая задача((

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Никита Полевой:
мне надо оформить вывод комментариев на странице))
нашла ссылку в документации vue.js для построения иерархического дерева.
это как раз то, что мне надо.
ru.vuejs.org/v2/examples/tree-view.html
но!!!!!!! это дерево принимает данные немного не в таком формате как у меня возвращает функция buildHierarchy.
Дерево vue.js принимает такой формат:

var data = {
  name: 'My Tree',
  children: [
    { name: 'hello' },
    { name: 'wat' },
    {
      name: 'child folder',
      children: [
        {
          name: 'child folder',
          children: [
            { name: 'hello' },
            { name: 'wat' }
          ]
        },
        { name: 'hello' },
        { name: 'wat' },
        {
          name: 'child folder',
          children: [
            { name: 'hello' },
            { name: 'wat' }
          ]
        }
      ]
    }
  ]
}

а у меня функция buildHierarchy возвращает такой формат:

children: [
    { name: 'hello' },
    { name: 'wat' },
    {
      name: 'child folder',
      children: [
        {
          name: 'child folder',
          children: [
            { name: 'hello' },
            { name: 'wat' }
          ]
        },
        { name: 'hello' },
        { name: 'wat' },
        {
          name: 'child folder',
          children: [
            { name: 'hello' },
            { name: 'wat' }
          ]
        }
      ]
    }
  ]

то есть мне не хватает дополнительного поля name
функция buildHierarchy возвращает массив, а дерево vue.js принимает тип object
в это и нужна помощь(

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding: там огромное задание. в общем: создать блог.
я сейчас сама попробую. нашла про деревья в документации vue.js.
но и ваш вариант я тоже очень жду!

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Дмитрий Евграфович: как думаете... на основе этого получится?? ru.vuejs.org/v2/examples/tree-view.html
только что нашла в документации))

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding: так вы поняли, что я до вас хотела донести?)))

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

да, у меня проблема с выводом комментариев!!!!

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

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding:
мне необходимо чтоб выводились комментарии иерархически.
типа такого


я нашла тот код на стекОверфлоу. подумала что он оч мне поможет. но чот нефига)
он выводит иерархию в console, но мне надо на HTML. вот
конкретно прошу вас, продемонстрируйте мастер-класс по созданию динамической разметки html с помощью данной функции :З

отписала от души)

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding:
хахахахах)))))
жду вашей помощи! очень жду :D

Как сделать древовидные комментарии с бесконечной вложенностью на JavaScript?

Exploding:
я с вами полностью согласна, что при помощи пхп и обычной базы данных это намного проще!!!!!!!!!!!!!!!!!
я даже сама знаю как это сделать :D

....но, это мое задание по практике. выкручиваюсь как могу
так что..помогите пожалуйста, если есть идеи :))