You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在JScript的JSON字符串中使用反引号实现换行排版?

用反引号实现JSON字符串的换行排版(JavaScript)

嘿,这事儿其实超简单——在JavaScript里,**ES6引入的模板字符串(用反引号`包裹)**就是专门解决这种多行字符串排版痛点的!

具体操作步骤:

  1. 把原来包裹JSON的双引号"替换成反引号`
  2. 直接按照你想要的换行、缩进格式写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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 08:26:14