Задать вопрос
Riveran
@Riveran
Astartes
javascript

Как можно отрендерить массив с данными?

Добрый вечер, может кто то знает как решить данную проблему?
У меня есть массив такого типа
spoiler
const template = [
        {
            title: "Title name 1",
            url: "test.com"
        },
        {
            title: "Title name 2",
            url: "test.com"
        },
        {
            title: "Title name 3",
            url: "test.com"
        },
        {
            title: "Title name 4",
            url: "test.com"
        },
        {
            title: "Title name 5",
            url: "test.com"
        },
        {
            title: "Title name 6",
            url: "test.com"
        }
    ]

И с помощью этого массива мне необходимо отрендерить три блока по 2 элемента в каждом, что бы получилось как на картинке, можно ли это как то реализовать?
5ce6ee8277fb0540227153.png
  • Вопрос задан
  • 144 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Ну, вариантов миллион и одна тележка. Можно просто собрать строку, и потом вывести ее в нужный элемент через innerHTML. Можно в цикле создавать нужные html элементы, и добавлять их в нужный блок. Можно воспользоваться шаблонизатором, отправить в него данные и шаблон с версткой. Можно воспользоваться фреймворком (Vue, React etc).
А конкретно про то, чтобы по два элемента, ну, в цикле делаете шаг в 2 элемента, и пихаете в нужный блок.
UPD: о, еще для того, чтобы выводить по два элемента, можете воспользоваться css свойством columns, а данные выводить обычным способом.
Пример через HTML элементы https://jsfiddle.net/Vlad_IT/uz1td5Lh/
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Завершение разработки проекта на CS2
25 апр. 2024, в 20:02
100000 руб./за проект
Требуется завершить backend (проектная работа)
25 апр. 2024, в 19:42
49000 руб./за проект
Проверить тест по Data Science
25 апр. 2024, в 19:41
2000 руб./за проект
Ещё заказы