如何在JavaScript文件中导入json文件？

我有两个文件

data.json

和

index.js

data.json

如下所示：

{
      "stacy": {
           "age": 24,
           "name": "Stacy",
           "properties": [ "crazy", "funny", "straight" ]
      },
      "john": {
           "age": 41,
           "name": "John",
           "properties": [ "experienced", "direct", "straight" ]
      },
}

如何将

data.json

导入

index.js

---

我考虑过这样的事情：

import*作为data.json中的人物

您将在

data

变量中找到所有JSON数据

通过使用fetchapi，您可以加载JSON数据。代码如下：

fetch('data.json')
  .then(res => {
    return res.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(err => console(err));

---

尝试写入确切的文件位置。

无论您使用的是节点还是浏览器，都应添加可能的重复文件。在浏览器中，您需要使用

fetch

，在节点中，您可以在浏览器中使用

require

。