tô điểm JSON Mảng trong JavaScript

Question

thể trùng lặp:
JSON pretty print using JavaScript

Tôi đang làm việc trên một dự án sẽ được sử dụng để giúp phân tích và hiểu mảng JSON bởi các nhà phát triển tương lai của một nền tảng . Tôi đang tham khảo trang Graph Explorer rực rỡ của Facebook, seen here và muốn xuất mảng của chúng tôi trong một mảng được xác định chính xác, được xác định chính xác và có ngắt dòng, giống như trên trình khám phá.

Các mảng được xuất thành textarea và vì lý do này, tôi nghĩ rằng tôi đang gặp sự cố với ngắt dòng và tabbing. Tôi cũng đã thử sử dụng thư viện prettify, nhưng không có may mắn.

Ví dụ:

{"outcome" : "success", "result" : {"name" : "messaging-sockets", "default-interface" : "external", "include" : [], "socket-binding" : {"messaging" : {"name" : "messaging", "interface" : null, "port" : 5445, "fixed-port" : null, "multicast-address" : null, "multicast-port" : null}, "messaging-throughput" : {"name" : "messaging-throughput", "interface" : null, "port" : 5455, "fixed-port" : null, "multicast-address" : null, "multicast-port" : null}}}, "compensating-operation" : null} 

Để:

{ 
    "outcome":"success", 
    "result":{ 
     "name":"messaging-sockets", 
     "default-interface":"external", 
     "include":[ 

     ], 
     "socket-binding":{ 
     "messaging":{ 
      "name":"messaging", 
      "interface":null, 
      "port":5445, 
      "fixed-port":null, 
      "multicast-address":null, 
      "multicast-port":null 
     }, 
     "messaging-throughput":{ 
      "name":"messaging-throughput", 
      "interface":null, 
      "port":5455, 
      "fixed-port":null, 
      "multicast-address":null, 
      "multicast-port":null 
     } 
     } 
    }, 
    "compensating-operation":null 
} 

Answer 1

Bạn có thể sử dụng JSON.stringify:

JSON.stringify(jsonobj,null,'\t') 

Xem demo.

UPDATE: Nếu bạn không có jsonobj, nhưng có chuỗi json, sau đó trước khi sử dụng chức năng stringify, chuyển đổi chuỗi json để đối tượng json bởi dòng này:

jsonobj = JSON.parse(jsonstring); 

Answer 2

thử solution này, tôi cũng đã sử dụng điều này trong dự án của tôi