javascript - 如何在访问 json 数据时使用循环保存代码？

Question

我最近开始了我的第一个编程项目。我开始注意到我一遍又一遍地使用相同的代码，并想保存它。

这是一个例子：

   document.getElementById('Serie1').textContent = showtrend.tv_results[0].title ;
   document.getElementById('Serie1ID').textContent = "https://www.imdb.com/title/"+showtrend.tv_results[0].imdb_id ;
   document.getElementById('Serie1Year').textContent = showtrend.tv_results[0].year ;

   document.getElementById('Serie2').textContent = showtrend.tv_results[1].title ;
   document.getElementById('Serie2ID').textContent = "https://www.imdb.com/title/"+showtrend.tv_results[1].imdb_id ;
   document.getElementById('Serie2Year').textContent = showtrend.tv_results[1].year ;

我基本上是将我从我的 api 以 json 形式获得的值添加到我的网站。

但是我怎样才能把所有这些都放在一个循环中呢？其他10系列就是这样，ant不是很优雅

非常感谢您的帮助

标签： javascript

Answer 1

我想这可能会对你有所帮助。

for (let i = 1; i < showtrend.tv_results.length; i++) {
    var name = 'Serie'+ i;
    document.getElementById(name).textContent = showtrend.tv_results[i-1].title ;
    document.getElementById(name+'ID').textContent = "https://www.imdb.com/title/"+showtrend.tv_results[i-1].imdb_id ;
    document.getElementById(name+'Year').textContent = showtrend.tv_results[i-1].year ;
}