js生成json文件

最新推荐文章于 2025-09-30 21:42:01 发布

原创最新推荐文章于 2025-09-30 21:42:01 发布 · 753 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json #前端 #开发语言 #ecmascript #js

本文介绍了如何使用JavaScript将JSON对象转换为Blob并创建下载链接，以便用户从浏览器下载名为data.json的文件。

// 要保存的 JSON 数据
const jsonData = {
  name: "John Doe",
  age: 30,
  email: "john@example.com"
};

// 将 JSON 对象转换为字符串，第三个参数是确定缩进的距离
const jsonString = JSON.stringify(jsonData, null, 2);

// 创建一个新的 Blob 对象
const blob = new Blob([jsonString], { type: "application/json" });

// 创建一个链接以下载文件
const url = URL.createObjectURL(blob);

// 创建一个 <a> 元素并设置其属性
const link = document.createElement("a");
link.href = url;
link.download = "data.json";
link.textContent = "Download JSON file";

// 将 <a> 元素添加到页面中并模拟点击以下载文件
document.body.appendChild(link);
link.click();

// 清理 URL 对象
URL.revokeObjectURL(url);