无需Node.js的fs模块，如何用JavaScript保存JSON对象到文件？

当然可以实现！你提到的「先转文本再保存」思路完全可行，核心是先把JSON对象序列化为字符串，再利用运行环境的原生API完成文件保存，不用依赖Node.js的fs模块。下面针对最常见的浏览器环境给出具体实现：

方法1：使用Blob + 下载链接（推荐，支持大文件） #

这是浏览器端最通用的方案，适合各种大小的JSON文件：

// 你的JSON对象
const result = { "id": "1345", "day": "Tuesday", "title": "Economics210" };

// 步骤1：将JSON对象转为格式化的字符串（第二个参数为replacer，第三个为缩进空格，方便阅读）
const jsonString = JSON.stringify(result, null, 2);

// 步骤2：创建Blob对象，指定MIME类型为application/json
const jsonBlob = new Blob([jsonString], { type: 'application/json' });

// 步骤3：生成下载链接并触发下载
const downloadUrl = URL.createObjectURL(jsonBlob);
const link = document.createElement('a');
link.href = downloadUrl;
link.download = 'result.json'; // 设置保存的文件名
document.body.appendChild(link);
link.click(); // 自动触发点击下载

// 步骤4：清理临时资源
document.body.removeChild(link);
URL.revokeObjectURL(downloadUrl);

方法2：使用Data URI（更简洁，适合小文件） #

如果你的JSON内容不大，可以直接用Data URI来实现，代码更精简：

const result = { "id": "1345", "day": "Tuesday", "title": "Economics210" };

// 转成字符串并编码为Data URI格式
const jsonDataUri = `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(result, null, 2))}`;

// 创建下载链接触发保存
const link = document.createElement('a');
link.href = jsonDataUri;
link.download = 'result.json';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

核心逻辑说明 #

不管用哪种方法，核心步骤都是：

1. 用JSON.stringify()把JSON对象转为可读的字符串（可以添加缩进让文件更美观）
2. 利用浏览器的DOM API创建下载链接，通过触发点击事件让浏览器自动保存文件到本地

这种方案完全在前端浏览器环境运行，不需要任何Node.js相关的模块，完美符合你的需求。

内容的提问来源于stack exchange，提问作者haxtar