JS 将 json 对象转成字符串并保留格式 - JSON.stringify()

简介: JS 将 json 对象转成字符串并保留格式 - JSON.stringify()

  • JSON.stringify(value, replacer, space)
  • value:将要序列化成一个 JSON 字符串的值。
  • replacer(可选):如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;如果该参数是一个数组,则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中;如果该参数为 null 或者未提供,则对象所有的属性都会被序列化。
  • space(可选):指定缩进用的空白字符串,用于美化输出(pretty-print);如果参数是个数字,它代表有多少的空格;上限为 10。该值若小于 1,则意味着没有空格;如果该参数为字符串(字符串的前十个字母),该字符串将被作为空格;如果该参数没有提供(或为 null)将没有空格。
  • 细节注意:如果使用数字之类的无效,可以尝试字符串。例如 全角空格,在有些小程序或者特殊项目中可以通过这个进行解决。
  • 案例效果


<script>
  const json = {
    "key1": 123,
    key2: "测试",
    key3: 'asldjlaskjd',
    key4: 'https://www.baidu.com/'
  }
  // 普通转换
  console.log(JSON.stringify(json), '=======>1')
  // 缩进 2 个
  console.log(JSON.stringify(json, null, 2), '=======>2')
  // 缩进 4 个
  console.log(JSON.stringify(json, null, 4), '=======>3')
  // 好像是缩进了 4 个
  console.log(JSON.stringify(json, null, '\t'), '=======>4')
  // 前面以 test 字符串为缩进
  console.log(JSON.stringify(json, null, 'test'), '=======>5')
  // 前面以 2个普通空格 字符串为缩进
  console.log(JSON.stringify(json, null, '  '), '=======>6')
  // 前面以 2个全角空格 字符串为缩进
  console.log(JSON.stringify(json, null, '  '), '=======>7')
  // 前面缩进换成换行符
  console.log(JSON.stringify(json, null, '\n'), '=======>8')
</script>

288d75c8bde2145c0a9aac2c36e8745a_9b6a34d86c36e4a9cf501e1ba9da75b6.png


相关文章
|
4天前
|
JavaScript 数据处理 索引
js字符串截取
js字符串截取
18 3
|
12天前
|
XML JSON 前端开发
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(支持并行网关)
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(支持并行网关)
50 3
|
1天前
|
SQL 存储 JSON
Hive 解析 JSON 字符串数据的实现方式
Hive 提供 `get_json_object` 函数解析 JSON 字符串,如 `{&quot;database&quot;:&quot;maxwell&quot;}`。`path` 参数使用 `$`、`.`、`[]` 和 `*` 来提取数据。示例中展示了如何解析复杂 JSON 并存储到表中。此外,Hive 3.0.0及以上版本内置 `JsonSerDe` 支持直接处理 JSON 文件,无需手动解析。创建表时指定 `JsonSerDe` 序列化器,并在 HDFS 上存放 JSON 文件,可以直接查询字段内容,方便快捷。
|
4天前
|
SQL JSON 监控
实时计算 Flink版产品使用合集之直接将 JSON 字符串解析为数组的内置函数如何解决
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
7天前
|
前端开发 JavaScript 流计算
前端 js 经典:字符串超全方法总结
前端 js 经典:字符串超全方法总结
17 0
|
9天前
|
存储 JSON JavaScript
JSON.stringify()和JSON.parse()
JSON.stringify()和JSON.parse()
14 1
|
10天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
14 0
|
10天前
|
JSON JavaScript 前端开发
js将json字符串还原为json对象
【5月更文挑战第14天】js将json字符串还原为json对象
41 1
|
10天前
|
JavaScript 前端开发
JavaScript中科学计数法转化为数值字符串形式
JavaScript中科学计数法转化为数值字符串形式
|
12天前
|
JavaScript 前端开发
JavaScript闭包允许内部函数访问并保留外部函数的变量,即使外部函数执行结束
【5月更文挑战第13天】JavaScript闭包允许内部函数访问并保留外部函数的变量,即使外部函数执行结束。在游戏开发中,闭包常用于创建独立状态的角色实例。例如,`createCharacter`函数生成角色,内部函数(如`getHealth`、`setHealth`)形成闭包,保存角色的属性(如生命值)。这样,每个角色实例都有自己的变量副本,不互相影响,从而实现角色系统的独立性。
21 0

热门文章

最新文章