如何在 javascript 中写入 JSON 文件？

Question

我正在尝试写入客户端 React Web 应用程序中的 JSON 文件。我有一个嵌套对象，我希望能够将其保存为用户可以下载的 JSON 文件。

这可能吗？

例如，这里是我的 javascript 对象是：

{
  summary: {
    totals: {
      apples: 3,
      oranges: 2,
    }
  }
}

Answer 1

是的，泰勒，很有可能。

你需要使用 blob 来做到这一点。

这是一个下载包含文本“我是忍者！”的文件的示例:

let txt = "I'm a ninja"; // we all want to be one, don't we? ;)

let blob = new Blob([txt], {type: 'text/plain'});

// Only way to initiate a download is by clicking a download link,
// so let's make one
let ln = document.createElement('a');
ln.href = URL.createObjectURL(blob);
ln.download = 'ninja.txt';
ln.click(); // trigger the download

// Remove the blob url reference to free up memory
URL.revokeObjectURL(ln.href);

您唯一需要做的更改是通过在对象上调用 JSON.stringify 将 txt 的内容替换为 json 的字符串版本。哦，你还应该将文件名更改为 data.json.

您可以了解有关 blob 的更多信息here。

如何在 javascript 中写入 JSON 文件？

How to write to a JSON file in javascriptp?

javascript

json

file

reactjs