Javascript 轻松循环json api数组jquery

此jquery代码在span html输入元素中显示json数据。但是我没有实现for循环来显示电影类型的数组对象

现在它只是数组的0索引，但我想显示所有

$("#txt-movie-genres").val(json.genres[0].name)

$（文档）.ready（函数（）{
var url='1〕http://api.themoviedb.org/3/',
模式='movie/'，
电影id，
键='？api_键=e9dfeccf734a61b9a52d9d7660f0d0a1'；
$（“按钮”）。单击（函数（）{
var input=$（'#movie'）.val（），
movie_id=encodeURI（输入）；
$.ajax({
键入：“GET”，
url:url+mode+movie\u id+key，
async:false，
jsonpCallback:“测试”，
contentType:'应用程序/json'，
数据类型：“jsonp”，
成功：函数（json）{
//按ID获取span元素，并用json文本替换它们的文本
//$（“#电影标题”）.text（json.title）；
$（“#txt电影标题”）.val（json.title）
$（“#txt电影类型”）.val（json.genres[0].name）
console.dir（json）；
},
错误：函数（e）{
控制台日志（e.message）；
}
});
});
});

搜寻
电影资讯：
电影名称：

电影名称
电影类型
类似于：

$("#txt-movie-genres").val(json.genres.map(g => g.name).join(",");

这将创建一个名称数组，然后将它们连接到一个逗号分隔的字符串。
您可以使用methid将
json.genres
数组转换为一个类型名称数组，然后使用以下命令将它们连接到逗号分隔的字符串：

是否要为数组的每个元素创建新输入，或在单个输入中显示逗号分隔的名称？是！所以这可能是“动作、冒险、恐怖”等等…正是我要写的，这个答案是+1。map和那个很酷的语法都是ES6。var-arr=[]；for（key in json.genres）{arr.push（json.genres[key].name）；}$（“#txt电影流派”）.val（arr.join（“，”）；
var names = $.map(json.genres, function() { return this.name }).join(",");