Приветствую
, возник такой вопрос. Есть след. данные:
"car": [
{
"id": 1,
"name": "BMW",
"year": 1999,
"parts": [1,2]
}],
"parts": [
{
"id": 1,
"name": "engine"
},
{
"id": 2,
"name": "window"
}
]
Это короткий вариант, полный содержит ~100 деталей.
Моя задача сформировать из этого страницу, где будут отображаться список из ~100 деталей (parts) и показано для какой это машины (car.name).
<div id="parts">
<div>Part 1 (engine) – BMW</div>
<div>Part 2 (window) – BMW</div>
</div>
Страница формируется в реальном времени, после получения данных, следовательно в начале элемент #parts пустой.
Как лучше перебирать и сопоставлять данные массива и формировать DOM, чтобы это было не слишком медленно? Интересует красивый и понятный вариант на чистом JS и возможные варианты на Jquery.