前端实现数据下载为json文件

数据be like

javascript 复制代码
const res= [{xxx:111,ccc:[]}]

实现:

javascript 复制代码
     const data = JSON.stringify(res, null, 4)
     const file = new Blob([data], { type: 'text/json' })
     const link = document.createElement('a')
     link.download = '名称.json'
     link.href = URL.createObjectURL(file)
     link.click()
     URL.revokeObjectURL(link.href)

JSON.stringify(res, null, 4)很关键,通过它的第三个参数控制缩进的空格数

这里按照四个字符缩进

相关推荐
chushiyunen4 分钟前
json-rpc笔记
笔记·rpc·json
李剑一6 分钟前
面试第一关!面试官:讲一下事件循环机制,宏&微任务,还有渲染时机
前端·面试
shuoshuohaohao8 分钟前
《CSS》
前端·css
西部荒野子9 分钟前
Zustand 状态管理规范:别让轻量状态变成隐形通知风暴
前端·javascript
之歆9 分钟前
Day03_ES6 深度解析与实战应用:运算符、Symbol、Class、集合与迭代协议
前端·ecmascript·es6
Carson带你学Android20 分钟前
Kotlin放大招!官方 Skills 直接喂出「专家级」代码
android·前端·kotlin
之歆21 分钟前
Day04_ES6完全指南:从入门到精通的现代化JavaScript开发
前端·javascript·es6
Coffeeee25 分钟前
一个kotlin的Smart cast导致的编译问题
android·前端·kotlin
CodeSheep32 分钟前
胡彦斌都开始苦修Vibe Coding,还上架App Store,都卷到编程来了吗?
前端·后端·程序员