js循环输出json数据

使用JavaScript循环输出JSON数据的方法如下：

首先，使用JavaScript的fetch()函数来获取JSON数据。fetch()函数可以发送HTTP请求并返回一个Promise对象。

然后，使用Promise对象的.then()方法来处理获取到的JSON数据。在.then()中，将获取到的数据转化为JavaScript对象。

接下来，使用for循环遍历JavaScript对象中的每个元素，并输出相应的值。

最后，将输出的值显示在HTML页面上，可以使用document.createElement()来创建相应的元素节点，并使用appendChild()将元素插入到HTML文档中的合适位置。

总结起来，主要步骤如下：

1.使用fetch函数发送HTTP请求获取JSON数据。
2.使用.then()方法处理获取到的JSON数据，将其转化为JavaScript对象。
3.使用for循环遍历JavaScript对象的每个元素，并输出相应的值。
4.使用document.createElement()创建元素节点，并使用appendChild()将元素插入到HTML文档中。

示例代码如下：

fetch('data.json')
  .then(response => response.json())
  .then(data => {
    for (let item of data) {
      console.log(item);
    }
  })
  .catch(error => console.log(error));

这样就可以循环输出JSON数据了。当然，根据实际需求，你也可以根据需要进行进一步的处理和展示。