JSON 객체 시각화 (연관 배열)

Question

JavaScript 객체 (JSON) 또는 더 일반적으로 연관 배열 (해시, 맵)을 표시하려고합니다. 평평한 것들에는 아무런 문제가 없습니다. 이것들은 간단한 테이블입니다. 그러나 배열과 깊게 중첩 된 객체에서는 문제가됩니다.

시각화하기 좋은 라이브러리가 있습니까? 두 가지 옵션이

This here, 나는 그에게 많은 좋은 예처럼,하지만 분명히 어떤 라이브러리 구조

연관 배열이 나무는 내가 중첩 된 테이블로 여기

1. 시각화를 볼 수 있습니다 그래서 트리를 시각화하는 데 문제를 줄일 수 있습니다. 이 백엔드에서 디버깅을위한 경우

Answer 1

JIT-JavaScript InfoVis Toolkit은 JSON 데이터에서 트리 구조 (spacetree layout) 그래프 구조를 표시 할 수있는 js 라이브러리입니다.

D3.js는 JSON 데이터를 처리 할 수있는 트리 레이아웃 js가 있습니다. 이 StackOverflow Question이 있습니다.

나는 그 중 어떤 것도 시도한 적이 없습니다.

Answer 2

나는 매우 추천 할 것입니다 :

JSON View Chrome Extension

그러나 이것은 자바 스크립트 디버깅을위한 경우 :

console.dir(myJSONObj); 

에 더 잘 작동 console.dir console.log보다 objs.