如何在JScript的JSON字符串中使用反引号实现换行排版?
用反引号实现JSON字符串的换行排版(JavaScript)
嘿,这事儿其实超简单——在JavaScript里,**ES6引入的模板字符串(用反引号`包裹)**就是专门解决这种多行字符串排版痛点的!
具体操作步骤:
- 把原来包裹JSON的双引号
"替换成反引号` - 直接按照你想要的换行、缩进格式写JSON内容就行,不用再用
\"转义双引号,也不用手动加\n换行符
先提一句:你给出的原代码里JSON格式有点小问题,合法JSON需要键值对结构(比如"A": "对应值"),我调整成合法格式来演示更清晰:
// 原来的写法:需要转义双引号,没法直接换行排版 var sJsonString = "{\"A\": \"valueA\", \"B\": \"valueB\",\"numb\": { \"C\": \"valueC\", \"D\": \"valueD\"} }";
改成模板字符串后,就能直接这样清爽排版:
// 用反引号后的写法:自然换行+缩进,格式清晰,无需转义双引号 var sJsonString = `{ "A": "valueA", "B": "valueB", "numb": { "C": "valueC", "D": "valueD" } }`;
额外小提示:
- 模板字符串会完整保留你写的所有换行、空格和缩进,完全贴合JSON的规范排版,可读性拉满
- 模板字符串里的双引号不需要转义,省去了一堆
\",写起来轻松太多 - 如果你的运行环境还不支持ES6(比如非常老旧的浏览器),可能需要用Babel转译,但现在绝大多数现代环境(浏览器、Node.js)都原生支持模板字符串了
内容的提问来源于stack exchange,提问作者fazlook1
相关产品推荐
相关产品推荐

