【前端】js实现JSON字符串格式化显示
一、效果
二、代码
JSON.parse:把JSON字符串转换为JSON对象
JSON.stringify:把JSON对象 转换为 有缩进的 JSON字符串格式
<!-- JSON 格式化工具 --> <template> <div class='content'> <el-button type="primary" @click="clickFormat">格式化JSON</el-button> <el-input v-model="jsonStr" autosize type="textarea" placeholder="Please input" /> </div> </template> <script lang="ts" setup> import { ref } from 'vue' const jsonStr = ref('') const clickFormat = () => { // 1、JSON.parse:把JSON字符串转换为JSON对象 // 2、JSON.stringify:把JSON对象 转换为 有缩进的 JSON字符串格式 jsonStr.value = JSON.stringify(JSON.parse(jsonStr.value), null, '\t') } </script> <style scoped> </style>
如果忍耐算是坚强 我选择抵抗 如果妥协算是努力 我选择争取
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步