Сортировка списка комментариев Wordpress для получения древовидного списка на ES6
Rus
Eng
Сортировка списка комментариев Wordpress для получения древовидного списка на ES6

Wordpress прекрасная CMS, но мне пришлось помучиться, чтобы отсортировать комментарии в древовидном порядке. Спасибо Kobe со stackoverflow за прекрасную функцию сортировки на ES6

Имеем массив на входе

Неотсортированный массив комментариев

Преобразовываем его с помощью функции:

var comments = this.props.data.COMMENTS;

comments = comments.sort((a, b) => b.comment_parent - a.comment_parent);

const sortComments = (comments) => {
	var temp = [...comments];

	comments.forEach((o, index) => {
		if (temp[0].comment_parent === 0) {return;}
		var parentIndex = temp.findIndex(o => o.comment_ID === temp[0].comment_parent);

		if(typeof temp[parentIndex]!="undefined"){
			temp[parentIndex].children ? temp[parentIndex].children.push(temp[0]) : temp[parentIndex].children = [temp[0]];
			temp.shift();
		}


	});

	return temp;
}

И получаем на выходе:

Отсортированный массив комментариев

Для рекурсивного вывода комментариев можно воспользоваться примером 0xD34F с qna.habr.com

 

Перепост материала:

Комментарии

Комментариев еще нет, Вы можете стать первым кто его оставит

Оставьте комментарий

На сайте используется система премодерирования комментариев, поэтому ваше сообщение будет опубликовано лишь после одобрения модератором

Вы отвечаете на комментарий пользователя

Отправить

ОБРАТНАЯ СВЯЗЬ

Напишите мне

Вы разрабатываете новый сервис, вносите доработки в существующий и хотите лучше чем у конкурентов? Вы обратились по адресу. Предлагаю вам комплексную разработку сайтов студийного уровня. У меня вы можете заказать дизайн, верстку, програмированние, разработку нетрадиционного функционала, реализацию связи между CMS, CRM и Data Analitics, а так же все остальное касаемое сайтов, кроме продвижения.

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

Во время отправки произошла ошибка, пожалуйста попробуйте еще раз через некоторое время
Сообщение отправлено успешно

Телефоны

+7(993) 007-18-96

Email

info@tichiy.ru

Адрес

Россия, г. Москва

Отправляя форму Вы автоматически подтверждаете, что ознакомились и принимаете Политику конфиденциальности сайта

Написать мне
Отправить
Отправляя форму Вы автоматически подтверждаете, что ознакомились и принимаете Политику конфиденциальности сайта
Отправка успешна!
Thank you for your feedback. I will answer you within the next working hours
Отправка не удалась
Во время отправки запроса произошла ошибка. Пожалуйста, подождите и попробуйте снова через некоторое время или свяжитесь со мной