格式化json

json格式化工具： JSON在线编辑器-89工具网 JSON编辑器在线是一个在线编辑JSON的编辑器工具,可以把JSON内容或JSON文件进行格式化解析,按JSON层级展现.当JSON格式出现问题,采用中文的方式提醒JSON错误内容,以及标记JSON解析错误位置.89Tool在线工具网是一个在线工具网,具有JSON工具,Cron生成器,JS加密解密工具等很多工具及教程文档. https://www.89tool.com/

function prettyFormat(str) {
  try {
    // 设置缩进为2个空格
    str = JSON.stringify(JSON.parse(str), null, 2);
    str = str
      .replace(/&/g, '&')
      .replace(/</g, '&lt;')
      .replace(/>/g, '&gt;');
    return str.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
      var cls = 'number';
      if (/^"/.test(match)) {
        if (/:$/.test(match)) {
          cls = 'key';
        } else {
          cls = 'string';
      } else if (/true|false/.test(match)) {
        cls = 'boolean';
      } else if (/null/.test(match)) {
        cls = 'null';
      return match;
  } catch (e) {
    alert("异常信息:" + e);
let jsonStr = JSON.stringify({ a: 1, b: 2 })
console.log("jsonStr:", jsonStr)
console.log("jsonStr格式化后:", prettyFormat(jsonStr))

格式化xml

xml格式化工具： XML格式化 XML在线解析工具 XML格式化工具是一款XML在线解析工具，提供XML格式化、XML压缩功能，格式化后的XML代码有着很高的可读性，颜色高亮显示代码，是程序员必备工具之一。 https://tool.ip138.com/xml/

//格式化xml代码
function formateXml(xmlStr) {
  text = xmlStr;
  //使用replace去空格
  text = '\n' + text.replace(/(<\w+)(\s.*?>)/g, function ($0, name, props) {
    return name + ' ' + props.replace(/\s+(\w+=)/g, " $1");
  }).replace(/>\s*?</g, ">\n<");
  //处理注释
  text = text.replace(/\n/g, '\r').replace(/<!--(.+?)-->/g, function ($0, text) {
    var ret = '<!--' + escape(text) + '-->';
    return ret;
  }).replace(/\r/g, '\n');
  //调整格式	以压栈方式递归调整缩进
  var rgx = /\n(<(([^\?]).+?)(?:\s|\s*?>|\s*?(\/)>)(?:.*?(?:(?:(\/)>)|(?:<(\/)\2>)))?)/mg;
  var nodeStack = [];
  var output = text.replace(rgx, function ($0, all, name, isBegin, isCloseFull1, isCloseFull2, isFull1, isFull2) {
    var isClosed = (isCloseFull1 == '/') || (isCloseFull2 == '/') || (isFull1 == '/') || (isFull2 == '/');
    var prefix = '';
    if (isBegin == '!') {//!开头
      prefix = setPrefix(nodeStack.length);
    } else {
      if (isBegin != '/') {///开头
        prefix = setPrefix(nodeStack.length);
        if (!isClosed) {//非关闭标签
          nodeStack.push(name);
      } else {
        nodeStack.pop();//弹栈
        prefix = setPrefix(nodeStack.length);
    var ret = '\n' + prefix + all;
    return ret;
  var prefixSpace = -1;
  var outputText = output.substring(1);
  //还原注释内容
  outputText = outputText.replace(/\n/g, '\r').replace(/(\s*)<!--(.+?)-->/g, function ($0, prefix, text) {
    if (prefix.charAt(0) == '\r')
      prefix = prefix.substring(1);
    text = unescape(text).replace(/\r/g, '\n');
    var ret = '\n' + prefix + '<!--' + text.replace(/^\s*/mg, prefix) + '-->';
    return ret;
  outputText = outputText.replace(/\s+$/g, '').replace(/\r/g, '\r\n');
  return outputText;
//计算头函数	用来缩进
function setPrefix(prefixIndex) {
  var result = '';
  var span = '    ';//缩进长度
  var output = [];
  for (var i = 0; i < prefixIndex; ++i) {
    output.push(span);
  result = output.join('');
  return result;
let xmlStr = `<books name='1'><book><author>李刚</author><title>疯狂XML讲义</title><publisher>电子工业出版社</publisher></book><book><author>Developer</author><title>XML格式化工具</title><publisher>ip138.com</publisher></book></books>`
let a = formateXml(xmlStr)
console.log(a)
在node中 将格式化后的字符串写入test.xml中
 
const fs = require("fs")
fs.writeFileSync('test.xml', a)
 
                                    有序的格式化文本，使用{number}做为占位符 通常使用：format("this is {0} for {1}", "a", "b") =》 this is a for b。* 例子: '你好, {0}, 我是{1}'.format('世界','张三')pattern – 文本格式 arguments – 参数。效果    你好,世界,我是张三。* 设置字符串format函数。
                                    你心中的json格式化工具是什么？ Json.cn? No No No, 这个已经老掉牙了
理想的json格式化工具应该支持搜索、定位、非法json容错，若实在无法格式化则应该给出具体的错误位置，并且可视区要大，如果这正是你心中的json格式化工具，那么可以继续往下看
文章目录1. 使用反引号实现（推荐）2. 自定义方法实现
1. 使用反引号实现（推荐）
ES6 模板字符串(Template String)是增强版的字符串，用反引号(`)标识，它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。
语法格式：
`想要输出的字符串……${变量名称}想要输出的字符串……${变量名称}`
应用实例：
 <script>
        window.onload = function() {
                                    使用模板字面量是最现代和灵活的方法，它允许你在字符串中直接插入表达式和变量。创建的字符串可以包含表达式，这些表达式会被相应的值替换。对于更复杂的数字和日期格式化，你可以使用。运算符将字符串和变量连接在一起。方法结合占位符来格式化字符串。
2.递归遍历xml树，按格式输出每一个节点
关于使用DOMParser
此方法目前在IE9以上和其它浏览器里都是支持的，所以这里不在写关于IE9以下不支持的情况, 具体的使用请跳转
https://developer.mozilla.org/en-US/docs/Web/API/DOMParser
Javascript代码
 * 格式化xml
 * @param content
 * @returns {*}
this.parse_xml = function(content) {
  let xml_doc = null;
                                    这篇文章的由来是这样的：前两天遇到这样一个场景，接口返回了一个json对象，要求我进行格式化显示（显示出json对象的结构）。那么我就想了，一个对象要想显示出来，得转成string 类型的，于是我就使用了JSON.stringify(),但是转成字符串之后并没有缩进，显示出来的是一个长长的字符串。难道我还要自己人为的遍历对象,自己拼接一个带缩进的字符串么？太TM扯了！于是查看了stringify的...