• 前端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 也可以使用非数字,如: 。

  • 相关阅读:
    第一篇博客
    Word2vec负采样
    Ubuntu系统为应用建立桌面快捷方式(以Pycharm为例)
    Kaggle入门Titanic——模型建立
    Kaggle入门Titanic——特征工程
    ubuntu系统theano和keras的安装
    win7系统下python安装numpy,matplotlib,scipy和scikit-learn
    ubuntu14.04环境下spyder的安装
    防止IE7,8进入怪异模式
    自定义列表
  • 原文地址:https://www.cnblogs.com/daheiylx/p/14277256.html
Copyright © 2020-2023  润新知