Есть массив:
{
"title_ru": Мидуэй,
"year": "2019",
"genres": [
{
"id": 10752,
"name": "военный"
},
{
"id": 36,
"name": "история"
},
{
"id": 28,
"name": "боевик"
},
{
"id": 18,
"name": "драма"
}
]
}
Как мне вытащить имена из GENRES через JQUERY? Не зннаю как выводить вложенные массивы
html
<div class="load">загрузить</div>
<div class="title"></div>
<div class="year"></div>
<div class="genre"></div>
js
$(".load").click(function() {
$.ajax({
url: "https://api.themoviedb.org/3/movie/522162?api_key=b6592428d620b6b47652d24b2242e898&language=ru-RU",
dataType: 'json',
success: function (result) {
var title_ru = result["title"],
year = result["release_date"].substring(0, 4),
genre = result["genres"];
$('.title').text(title_ru);
$('.year').text(year);
$('.genre').text(genre)
}
});
});
$('.genre').text( result.genres.map( e => e.name ).join(", ") );
Array.map() → подменяет каждый элемент массива на что-то другое. В данном случае{"id": 10752, "name": "военный"}
(e) заменяется на =>"военный"
(e.name). P.s. вместоresult["title"]
пишутresult.title
если это просто слово без пробелов и спец-символов.