在javascrip模板文字中显示json数组的数据

问题描述

我是Web开发人员的新手，目前正在一个项目中，我必须在模板文字上显示项目列表。这些项目来自json文件。我创建了一个从json返回项目的函数对象数组。但是我的问题是我只能显示数组的第一项或最后一项。我想显示数组中的所有项目。这是正确的方法吗？或者还有其他有效或更好的方法吗？

我的功能： 功能项目（项目）{

        for (var i = 0; i < item.length; i++) {
            console.log(item[i].Name);             
            var item_names = item[i].Name;                           
        }
        return item_names;
    }

我的模板文字：

<script type="text/javascript">                               
function reviewTemplate(review) {
return `                                
    <div class="'row">
        <p id="item" class="article-content"> ${items(review.Items)}</p
    </div>                  
    `

}

还有我的json：

  {
"Items": [
  {
    "Posts": [],"Id": 2,"Name": "Burger","Type": "fastfood","Timestamp": "2020-09-03T00:00:00","FoodorTravel": 1
  },{
    "Posts": [],"Id": 3,"Name": "Pizza","Type": "italianfood","Timestamp": "2020-12-30T00:00:00","FoodorTravel": 1
  }
]

}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）