浏览器中将 JavaScript 数组保存为本地 JSON 文件
在浏览器中,可以使用 Blob 和 URL.createObjectURL 来实现将控制台的临时变量数组类型转存到本地文件。
以下是一个示例代码:
// 假设变量数组为 arr
var arr = [1, 2, 3];
// 将数组转为字符串
var str = JSON.stringify(arr);
// 创建 Blob 对象
var blob = new Blob([str], {type: 'application/json'});
// 创建 URL 对象
var url = URL.createObjectURL(blob);
// 创建下载链接并模拟点击下载
var a = document.createElement('a');
a.href = url;
a.download = 'data.json';
a.click();
// 释放 URL 对象
URL.revokeObjectURL(url);
在上述代码中,首先将变量数组转为字符串,然后创建 Blob 对象,指定类型为 'application/json'。接着,使用 URL.createObjectURL 创建 URL 对象,将 Blob 对象传入,生成一个临时的 URL 地址。最后,创建一个 a 标签,将 URL 地址赋值给它的 href 属性,指定下载文件的文件名,模拟点击下载。下载完成后,释放 URL 对象,以便浏览器回收内存。
需要注意的是,由于浏览器的安全机制,直接将文件保存到本地可能会受到限制,用户需要手动选择保存文件的位置。此外,由于 Blob 对象和 URL 对象都是浏览器提供的临时对象,使用完毕后需要及时释放,避免占用过多的内存资源。
原文地址: https://www.cveoy.top/t/topic/ovMc 著作权归作者所有。请勿转载和采集!