• 前端json数据格式化显示


    1、格式化处理

    1 var obj = "...";//json格式的字符串
    2 var jsonPretty = JSON.stringify(JSON.parse(obj),null,2);

    2、显示

    只需把格式化处理后的json字符串数据放到 pre标签 中即可。

    3、demo

    js代码(直接是对象,所以省略JSON.parse操作)

     1 let obj = { 
     2     a: 'b111111111111111111111111111111111111111111111111111111111111111111111111111',
     3     b:'b',
     4     c:'c',
     5     d:'d',
     6     e:'e',
     7     f:'f',
     8     g:'g',
     9     h:'h',
    10     i:'i',
    11     g:'g',
    12     k:'k',
    13     l:'l'
    14 }
    15 let str = JSON.stringify(obj,null,2)

    html 代码

    <pre>{{str}}</pre>

    效果:

     

    拓展:

    JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串

    语法

    JSON.stringify(value[, replacer[, space]])

    参数说明:

    • value:

      必需, 要转换的 JavaScript 值(通常为对象或数组)。

    • replacer:

      可选。用于转换结果的函数或数组。

      如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值,得到结果返回值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。

      如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。

    • space:

      可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如: 。

  • 相关阅读:
    RSS简易阅读器vb.net源代码
    [建议]有关图片地址的建议
    [音乐欣赏]wind flowers
    有个叫计算机的比我笨
    一个朋友画的建筑设计手绘图与其想到的
    [推荐]华建小翻--QQ里的一个不错的服务商
    爆强的广告
    [学习日记]重构简易RSSREADER的UML类图
    [音乐欣赏]红颜
    [音乐欣赏]花与琴的流星
  • 原文地址:https://www.cnblogs.com/daheiylx/p/14277256.html
Copyright © 2020-2023  润新知