如何将数组文件导入javascript文件

我想在括号中创建一个json文件，只用于存储一个包含200个元素的数组，并且我希望能够将该文件导入到我的“main.js”文件中，并且能够使用它，即使数组本身不再位于“main.js”中

---

我如何才能做到这一点？

您应该首先从文件中导出json/数组 文件应该类似于

export const myJsonArray=[{…}，{…}，…]

然后在main.js中可以像这样导入jsonArray

---

从“{file_path}”导入myJsonArray

创建一个JS文件，比如dataProvider.JS，将json定义为常量，使其全局化，编写一个函数将其转换为json并返回，或者直接按原样返回json

现在，在main.js中包含dataProvider.js，然后可以访问共享变量

确保正在加载的页面同时导入了main.js和dataProvider.js

export const data=[{}，…，{}]

从“/dummyData”导入{data}

如果您使用的是香草js，没有es6功能，您可以执行以下操作：

//dummyData.js

module.exports=[{}，…，{}]

//main.js

var数据=要求（'./dummyData'）
 好的，下面是示例：
在演示中，我们将加载数组中的每个对象并创建一个段落。
由于snippet不支持多个文件，因此工作演示如下：


我们的HTML：

<div id="content"></div>
<script src="data.js"></script>
<script src="script.js"></script>

我们的数据位于
data.js
：

data = [
  {
    "name" : "bert"
  },
    {
    "name" : "bert11"
  },
    {
    "name" : "bert22"
  },
    {
    "name" : "bert33"
  },
    {
    "name" : "bert44"
  },
    {
    "name" : "bert55"
  },
    {
    "name" : "bert66"
  }
];

taho这是一个常量数组，还是您预期它最终会从数据库中改变？如果为常量，则只需将该脚本文件添加到页面中即可使用。和和的可能重复项的可能重复项I get
Uncaught SyntaxError:无法在模块外部使用导入语句
。我必须用html编写
，还是main.js中的
导入..
就足够了？
<div id="content"></div>
<script src="data.js"></script>
<script src="script.js"></script>

document.addEventListener("DOMContentLoaded", function() {

  let contentDiv = document.getElementById("content");
  let template = document.createElement("template");

  data.forEach(dataItem => {
    let element = document.createElement('p');
    element.innerHTML = newPara(dataItem.name);
    contentDiv.appendChild(element);
  });

});

const newPara = (name) => { return `Name: ${name}` };

data = [
  {
    "name" : "bert"
  },
    {
    "name" : "bert11"
  },
    {
    "name" : "bert22"
  },
    {
    "name" : "bert33"
  },
    {
    "name" : "bert44"
  },
    {
    "name" : "bert55"
  },
    {
    "name" : "bert66"
  }
];