Как правильно реализовать вложенные комментарии?

Question

[Macan]

Всем привет, есть вопрос по построению вложенных комментариев. Каким образом лучше это реализовать? С бэка приходит такой JSON:

[
     {
      "commentText": "Это родитель",
      "pageID": 1,
      "userID": 1,
      "date": "2021-12-25 14:00:00",
      "path": "000000001",
      "dateModified": "2021-12-25 14:00:00",
      "isDelete": "False",
      "isPrivate": "False",
      "attachment": []
    },
    {
      "commentText": "Это первый потомок",
      "pageID": 1,
      "userID": 2,
      "date": "2021-12-25 14:10:00",
      "path": "000000001000000002",
      "dateModified": "2021-12-25 14:10:00",
      "isDelete": "False",
      "isPrivate": "False",
      "attachment": []
    },
    {
      "commentText": "Это второй потомок",
      "pageID": 1,
      "userID": 3,
      "date": "2021-12-25 14:15:00",
      "path": "000000001000000003",
      "dateModified": "2021-12-25 14:15:00",
      "isDelete": "False",
      "isPrivate": "False",
      "attachment": []
    },
    {
      "commentText": "Это третий потомок",
      "pageID": 1,
      "userID": 4,
      "date": "2021-12-25 14:20:00",
      "path": "000000001000000002000000003",
      "dateModified": "2021-12-25 14:20:00",
      "isDelete": "False",
      "isPrivate": "False",
      "attachment": []
    },
    {
      "commentText": "Это четвертый потомок",
      "pageID": 1,
      "userID": 1,
      "date": "2021-12-25 14:12:00",
      "path": "000000001000000003000000004",
      "dateModified": "2021-12-25 14:12:00",
      "isDelete": "False",
      "isPrivate": "False",
      "attachment": []
    }
 ]

Comments

[キム ファイブプラス]

Плохо приходит. Должен быть parrentID и уровень вложенности.

[Macan]

キム ファイブプラス, а если будет parentID и уровень вложенности?

[twobomb]

Macan, нахрен этот parentID, пусть просто нормальную структуру делает типа такой

[
     {
      "commentText": "Это родитель",
      "pageID": 1,
      "userID": 1,
      "date": "2021-12-25 14:00:00",
      "dateModified": "2021-12-25 14:00:00",
      "isDelete": "False",
      "isPrivate": "False",
      "attachment": [],
	  "children":[
				    {
					  "commentText": "Это первый потомок",
					  "pageID": 1,
					  "userID": 2,
					  "date": "2021-12-25 14:10:00",
					  "path": "000000001000000002",
					  "dateModified": "2021-12-25 14:10:00",
					  "isDelete": "False",
					  "isPrivate": "False",
					  "attachment": [],
					  "children":[
								{
								  "commentText": "Это второй потомок",
								  "pageID": 1,
								  "userID": 3,
								  "date": "2021-12-25 14:15:00",
								  "path": "000000001000000003",
								  "dateModified": "2021-12-25 14:15:00",
								  "isDelete": "False",
								  "isPrivate": "False",
								  "attachment": [],
								  "children":[]
								}
						]
					}
				]
    }  
 ]

[Macan]

twobomb, Не могут или не умеют или не хотят) Предлагают мне эту вложенность на фронте сделать и отрисовать комменты.

[twobomb]

Macan, Значит пускай учаться, набираются хотения и реализуют. Потому-что с текущей структурой это только не понятные танцы с бубном с полем path, которое ооочень странное и не понятное. Спроси каким образом здесь можно распознать вложенность?

[Macan]

twobomb, Предлагают длину поля "path" делить на 9 если 1, то родитель и т.д максимальная вложенность 5

[twobomb]

Macan, Да там походу целый консилиум велосипедостроения собирался на реализацию этой вложенности.

[twobomb]

Macan, Нужно больше данных. Какой Path будет у второго и далее родительских элементов 000000002, 000000003 и т.д.? Или это нужно делать в порядке сортировки списка, как он пришёл с сервера, если да то это вообще уникальные люди создавали. И почему первый потомок 000000001000000002, а не 000000001000000001. Как будет выглядеть первый поток, но второй элемент если у первого потомка первого элемента вложенность из 4 элементов, у первого потомка второго элемента будет Path 000000001000000007 или 000000001000000003?

[Macan]

twobomb, Есть такое, собрали ребят после курсов по web-разработке, вот теперь учимся)

[twobomb]

Macan, Где же такому учат, это просто ужас. Как у них в бд это хранится? Пускай всё переделывают!

[Macan]

twobomb, Поле path содержит строку из 9 цифр , последние цифры будут id коммента( допустим id:87 path:000000087, соответственно 2 потомок будет id:88 path:000000087000000088 ответ на 2 потомка id:89 path:000000087000000088000000089 - это 2 уровень вложенности).

[Macan]

twobomb, Я так понимаю, это как то связанно с материализованными путями.

[twobomb]

Macan,

//let arr = тот ужасный массив
let result =  getParentIds(arr);
 result = getNormalStruct(arr);
 console.log(result)
 
 document.write(out(result));
 
 function getParentIds(arr){//Добавить parentId
 	arr.forEach(e=>{
  	if(e.path.length == 9)
    	e.parentId = null;
     else
       e.parentId = e.path.substr(0,e.path.length -9);
  });  
  return arr;
 }
 function getNormalStruct(arr,parent = null){//Сделать нормальную структуру с children
  	let res =  arr.filter(e=>e.parentId == parent); 
    res.forEach(e=> e.children = getNormalStruct(arr,e.path));
    return res;    
 }
 
 function out(arr,del = "-"){//Пример вывода по нормальной структуре
  let s = "";
 	arr.forEach(e=>s+= del+ e.commentText+"<br>"+out(e.children,del+del));
  return s;
 }

Вывод

-Это родитель
--Это первый потомок
----Это третий потомок
--Это второй потомок
----Это четвертый потомок

[キム ファイブプラス]

twobomb, предлагаю из того что имеем, а не из того как правильно. всякое говно случается.

[キム ファイブプラス]

Как пример в одном из апи у меня было реализовано получение списка блюд в меню.
С комментариями примерно тоже самое нужно сделать по хорошему.

{
  "response": {
    "menu": {
      "id": 0,
      "items": {
        "id": 0,
        "menu_id": 0,
        "code": "string",
        "img": "string",
        "title": "string",
        "category": {
          "id": 0,
          "name": "string"
        },
        "description": "string",
        "mass": 0,
        "measure": {
          "id": 0,
          "name": "string"
        },
        "ready": 0,
        "price": 0,
        "active": true,
        "update_date": "string",
        "create_date": "string"
      }
    }
  },
  "message": "string",
  "code": 0
}

[Macan]

twobomb, Спасибо.