如何在 JavaScript 中漂亮地打印 JSON字符串？

给定一个 JavaScript 对象，任务是使用 JavaScript 以漂亮（易于阅读）的格式打印 JSON 对象。使用

 元素以漂亮的格式显示对象。
方法：
声明一个 JSON 对象并将其存储到变量中。
使用JSON.stringify(obj)方法将 JavaScript 对象转换为字符串并显示出来。
使用JSON.stringify(obj, replacer, space)方法将 JavaScript 对象转换为漂亮格式的字符串。在此示例中，我们使用空间大小为 4。它以对齐的格式显示对象。
示例 1：此示例使用JSON.stringify() 方法打印 
 标记内的对象元素。 
  

    
        How to pretty print JSON
        string in JavaScript ?
    

  

     
        GeeksforGeeks 
    
      
    
    
      
    
        click here
    
      
        
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var obj = {
            "prop_1": {
                "prop_11": "val_11",
                "prop_12": "val_12"
            },
            "prop_2": "val_2",
            "prop_3": "val_3"
        };
      
        el_up.innerHTML = JSON.stringify(obj);
  
        function gfg_Run() {
            el_down.innerHTML = JSON.stringify(obj, undefined, 4);
        }
    

  
                    
输出：
在点击按钮之前： 
点击按钮后： 
示例 2：此示例与上一个示例有点相似，但它指定了打印对象对象的属性。它还利用JSON.stringify() 方法在 
 元素中打印对象。 
  

    
        How to pretty print JSON
        string in JavaScript ?
    

  

     
        GeeksforGeeks 
    
      
    
    
      
    
        click here
    
      
        
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
      
        var obj = {
            "prop_1": {
                "prop_11": "val_11",
                "prop_12": "val_12"
            },
            "prop_2": "val_2",
            "prop_3": "val_3"
        };
          
        el_up.innerHTML = JSON.stringify(obj);
  
        function gfg_Run() {
            el_down.innerHTML = JSON.stringify(obj,
                                ['prop_2', 'prop_3'], 4);
        }
    

  
                    
输出：
在点击按钮之前： 
点击按钮后： 
 JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。