时间戳

首页 > 解决方案 > 将多个 JSON 文件作为一个数组读取

arrays - 将多个 JSON 文件作为一个数组读取

问题描述

我目前有两个我的数组需要读取的 JSON 文件。有没有办法让我把它们读成一个数组？

我已经尝试将两者都放入一个常量变量中，但它不起作用。就像这样，显然不是解决方案：

const var = [{json_file_1}, {json_file_2}];

我也尝试过 lodash，但我仍然没有找到解决方案，但我也有上面代码的 console.log 行。

console.log(_.flattenDeep(ThisFunction(var)));

ThisFunction() 读取我的 json 的内容。

这是我当前的数组。它只读取一个 json 文件：


const option = json_file_1
   .map(group => (
    <div key={group.title}>
      <div>
        {group.title}
      </div>
      {group.child_one.map(object => (
        <div key={object.title}>
          {object.title}
        </div>
      ))
    </div>
));

这两个 JSON 文件都是这样的：

[
 {
   "title": "this title",
   "child_one": [
      {
        "content_1",
        "content_2"
      }
   ],
   "child_two": [
    {
      "title" "this title",
      "something": "something else"
    },
    {
      "title" "this title",
      "something": "something else"
    }
   ]
 }
]

输出应将两个文件作为一个数组读取。完成此操作后，我能否集成更多 JSON 文件以供读取？

标签： arraysjsonreactjsfrontend

解决方案

你不能这样做的原因

const var = [{json_file_1}, {json_file_2}];

是您在数组中创建了两个对象。但是，您可以简单地使用扩展运算符。

所以你可以像这样使用它并将这个 var 传递给你的组件。

const var = [...json_file_1, ...json_file_2];

如果不能清楚地解释它，请说，以便我可以更详细地描述。

推荐阅读