무료 변환기
JSON 트리 뷰어
대화형 접이식 트리에서 JSON 데이터를 보고, 형식을 지정하고, 탐색하세요. 무료이고 안전하며 업로드가 필요하지 않습니다.
여기에 JSON 파일을 드래그 앤 드롭하세요.
또는 아래에 JSON 텍스트를 붙여넣으세요.
또는
대화형 접이식 트리에서 JSON 데이터를 보고, 형식을 지정하고, 탐색하세요. 무료이고 안전하며 업로드가 필요하지 않습니다.
또는 아래에 JSON 텍스트를 붙여넣으세요.
JSON 트리 뷰어는 JSON 데이터를 일반 텍스트가 아닌 탐색 가능한 계층적 트리로 표시합니다. 각 개체는 축소 가능한 가지가 됩니다. 배열은 해당 항목을 개별적으로 표시합니다. 기본 값은 나뭇잎으로 나타납니다. 구조적 보기를 사용하면 깊게 중첩된 데이터에서 특정 필드를 쉽게 찾고, 관련 없는 하위 트리를 축소하고, 일반 텍스트로 관리하기 어려운 대규모 JSON 문서를 탐색할 수 있습니다.
서식이 지정된 JSON 텍스트와 비교하여 트리 보기는 대규모 데이터 탐색에 탁월합니다. 10MB API 응답은 텍스트로 스크롤하기에는 실용적이지 않지만 신경 쓰지 않는 최상위 키를 축소하고 관심 있는 부분만 확장하는 트리로는 다루기 쉽습니다.
이 뷰어는 브라우저의 구조화된 트리에서 JSON을 렌더링합니다. 검색은 키 또는 값을 기준으로 분기를 필터링합니다. 유형 인식 디스플레이는 문자열, 숫자, 부울, Null, 객체 및 배열을 구별합니다.
깊게 중첩된 데이터는 텍스트로 탐색하기 어렵습니다. 구성 파일, API 응답 및 직렬화된 상태에는 종종 5개 이상의 중첩 수준이 있습니다. 트리 보기를 사용하면 관련 없는 수준을 축소하고 중요한 것에 집중할 수 있습니다. 텍스트 보기에는 주의깊은 스크롤과 괄호 계산이 필요합니다.
검색 및 필터링 기능도 중요합니다. 검색 인식 뷰어를 사용하면 복잡한 문서에서 'user_id'라는 이름의 모든 키를 빠르게 찾을 수 있습니다. 일반 텍스트로는 안정적으로 수행할 수 없습니다.
JSON을 붙여넣고 트리를 탐색하세요.
JSON 구문 분석은 JSON.parse를 사용하는데, 이는 문제 위치를 가리키는 구문 분석 오류와 함께 잘못된 입력으로 인해 실패합니다. 유효한 JSON은 뷰어가 트리를 생성하기 위해 반복적으로 이동하는 JavaScript 개체로 렌더링됩니다.
렌더링: 각 중첩 수준은 들여쓰기된 분기가 됩니다. 객체 키는 라벨입니다. 값은 유형(따옴표 안의 문자열, 없는 숫자, true/false인 부울, 명시적인 null, 축소 가능한 분기인 객체 및 배열)을 기반으로 렌더링됩니다.
성능: 매우 큰 JSON(10MB 이상)은 렌더링 속도를 저하시킬 수 있습니다. 지연 확장(현재 표시되는 분기만 렌더링)이 도움이 됩니다. 큰 문서를 검색하는 데 상당한 시간이 걸릴 수 있습니다. 첫 번째 구문 분석에서 트리를 인덱싱하는 것이 도움이 됩니다.