Правильный перебор Json?

Question

[Demon]

Как правильно перебрать Json и вывести данные без ошибок через .forEach ... В демо .forEach значения 0 выдает пустоту.

Демо: jsfiddle

Comments

[Андрей Хохлов]

выдает пустоту

потому что в первом элементе массива photos нет свойства photo_direct_url

[Александр Епихин]

В forEach первым аргументом передается сам элемент массива, лучше его использовать и тогда вместо

$('body').append('<img src="//woobl.ru/'+dates.photos[item].photo_direct_url+'">');

Будет

$('body').append('<img src="//woobl.ru/'+i.photo_direct_url+'">');

Answer 1

[dollar]

Вопрос некорректный. JSON - это формат хранения данных в виде текста. Его нельзя перебрать. Можно перебрать сами данные, но для этого их нужно сначала перевести в другой формат, в переменные JS, что вы и делаете. То есть вы перебираете не JSON и даже не данные в виде текста, а массив.

Перебрать JSON можно примерно также, как перебрать JavaScript.

Answer 2

[S-a-n-d-r-0]

Нужна была мелкая правка, чтобы первая мартышка прогрузилась:

$.ajax({
type: 'POST',
cache: false,
url: 'https://woobl.ru/php/api/apiMusic/photo.php',
success: function(data) {
var dates = JSON.parse(data);
dates.photos.forEach(function(i, item) {
let url = dates.photos[item].photo_direct_url || dates.photos[item].photo_url;
$('body').append('<img src="//woobl.ru/'+url+'">');
});
}
});

Проблема была в том, что вы доставали photo_direct_url, которого у первой фотки просто не было.