遍历 JSON 中的文件 Javascript

Question

我想使用 Javascript 中的 JSON 文件，我通过 Axios Get-Request 从我的 Flask 服务器获得。

它的构建是这样的：

{
  "data": [
    {
      "item": "[224,4,1,80,207,137,153,132]", 
      "name": "A1"
    }, 
    {
      "item": "[224,4,1,80,207,137,153,136]", 
      "name": "A2"
    }, 
    {
      "item": "[224,4,1,80,207,137,157,190]", 
      "name": "A3"
    }
  ]
}

我用这个提出请求，我可以在终端中看到 output：

getInitialBoxesA() {
      const path = 'http://localhost:5000/getAllBoxesA';
      axios.get(path)
        .then((res) => {
          console.log(res.data);
        })
        .catch((error) => {
          // eslint-disable-next-line
          console.error(error);
        });
    },

我如何遍历 Javascript 中的这个数组？

我试过res.data[0]或res.data[0].item

Answer 1

Axios 在res.data中返回实际响应体。 鉴于您的 JSON，您需要在res.data.data上进行迭代。

Answer 2

尝试这个

iterate(res.data.data);

function iterate(obj) {
  Object.keys(obj).forEach((key) => {
      if (typeof obj[key] === "object") {
      iterate(obj[key]);
    } else   console.log(`key: ${key}, value: ${obj[key]}`);
  });
};

output

key: item, value: [224,4,1,80,207,137,153,132]
key: name, value: A1
key: item, value: [224,4,1,80,207,137,153,136]
key: name, value: A2
key: item, value: [224,4,1,80,207,137,157,190]
key: name, value: A3