Как отобразить все данные получаемого JSON?

Question

[Эмиль Рахматуллин]

Получаю на сервере массив json типа:

(5) [
	{
		0: {
			id: 1,
			name: 'Имя'
		}	
	},
	{
		1: {
			id: 2,
			name: 'Имя 2'
		}	
	},
	{...},
	{...},
	{...},
]

Как мне вывести поочерёдно каждый? Надо вывести список примерно так:

$('#searchResult').html(`<div class="alert alert-primary">Имя Пользователя, его ID</div><br/>`);

Comments

[Эмиль Рахматуллин]

Вернее даже .append()

Answer 1

[Stalker_RED]

примерно так

const html = ''
users.forEach(user => {
  html += `<div class="alert alert-primary">${user.name}, ${user.id}</div><br/>`
})
searchResult.insertAdjacentHTML('beforeend', html)

(код навскидку, возможно придется чуток попроавить, вместо foreach можно заюзать map, reduce ии что вам больше нравится)

Comments

[Эмиль Рахматуллин]

Поправил немного, но то что нужно. Работает. Спасибо ;)

[abberati]

reduce тут больше подойдёт.

Answer 2

[abberati]

Обходите массив циклом, выводите поля объектов на каждой итерации.

Comments

[Stalker_RED]

не лучше ли вставлять за один раз? Если браузер начнет на каждой итерации перерисовывать страницу или ее часть - вполне вероятны тормоза.

[abberati]

Stalker_RED, в кейсе автора тормозов не будет. И выполняться код будет синхронно, значит интерфейс скакать не будет. Но в целом да, вы правы.