JSON 포매터

넓은 화면에서 JSON을 펼치거나 압축하거나 이스케이프하고, 오른쪽 트리에서 같은 값을 고칩니다. 잘못되면 브라우저가 알려 주는 행과 열을 표시합니다.

이스케이프
포맷
Aa문자열 #숫자 T불리언 NNull { }객체 [ ]배열

왼쪽은 소스, 오른쪽은 같은 나무입니다

이 페이지는 JSON 하나를 다루는 넓은 작업대입니다. 왼쪽은 붙여 넣은 글, 오른쪽은 같은 값의 트리이며 접고, 찾고, 고칠 수 있습니다. 포맷, 압축, 이스케이프를 합니다. 깨진 JSON을 추측해서 고치지 않습니다. 문장만 JSON 문자열에 넣으려면 JSON 이스케이프입니다. CSV는 JSON을 CSV로, YAML은 JSON을 YAML로입니다.

사용 방법

  1. 왼쪽에 붙여 넣거나, 예제 보기, 가져오기, 또는 .json / .txt 를 왼쪽에 놓습니다. 아래 상태는 커서가 있는 행과 열, 글자 수와 줄 수입니다. 왼쪽과 오른쪽에 줄 번호가 있고 스크롤을 따라갑니다. 오른쪽의 줄 번호는 기본으로 켜져 있고, 체크를 해제하면 꺼집니다. 글자 수는 바이트 수가 아닙니다.
  2. 포맷은 고른 들여쓰기(2 또는 4)로 펼칩니다. 압축은 한 줄입니다. 키 정렬은 오른쪽에 있습니다. 켜면 객체 키를 정렬하고, 끄면 켜기 전 순서로 돌아갑니다. 배열 순서는 그대로입니다.
  3. 이스케이프는 글을 JSON 문자열로 만듭니다. 내용이 올바른 JSON이면 현재 들여쓰기로 펼친 뒤 이스케이프합니다. 압축 후 이스케이프는 먼저 한 줄로 만든 다음 이스케이프합니다. 해제는 한 단계만 해석합니다. 결과가 문자열이면 그 문자열을 보여 주고, 한 번 더 해석하지 않습니다.
  4. 트리는 왼쪽 글을 따라갑니다. ▾ 로 노드를 접습니다. 도구 막대의 접기는 나무 전체를 닫고 버튼이 펼치기가 됩니다. 펼치기를 누르면 전부 열리고 버튼은 접기로 돌아갑니다.
  5. 검색은 처음에 보이지 않습니다. 도구 막대의 검색을 누르면 나옵니다. 키와 값에 맞습니다. 대소문자 구분과, 맞지 않는 가지 접기를 고를 수 있습니다. 이전과 다음으로 일치를 이동합니다. 트리 아래 경로는 JSONPath이며 예는 $.tags[0] 입니다.
  6. 키나 값을 두 번 눌러 고칩니다. 불리언은 한 번 누르면 true와 false가 바뀝니다. 행 위에 두면 + 로 노드를 더하고 × 로 지웁니다. 왼쪽의 복사와 오른쪽의 결과 복사, 그리고 내보내기는 모두 왼쪽 글입니다. 전체 화면은 화면을 채웁니다. 창이 좁으면 트리가 소스 아래로 내려갑니다.

해석이 하는 일과 하지 않는 일

받는 것은 JSON뿐입니다. 끝의 쉼표, 작은따옴표, 주석은 오류입니다. 브라우저가 위치를 주면 행과 열을 보여 줍니다. 같은 키는 마지막 것이 남으며, 이는 JSON.parse와 같습니다. 정수가 Unix 시각(초 또는 밀리초)처럼 보이면 옆에 로컬 시각을 냅니다. 그 표시는 JSON에 다시 쓰지 않습니다. 노드가 4000을 넘어도 포맷과 압축은 되고 트리는 그리지 않습니다. 트리를 고치면 왼쪽을 다시 씁니다. 원래 한 줄이면 한 줄로 남고, 줄바꿈이 있으면 고른 들여쓰기로 다시 씁니다. 아주 큰 정수는 끝자리가 사라질 수 있습니다. 모든 자리가 필요하면 문자열로 두세요. 예제는 문자열 Ada, 불리언, null, 배열, 타임스탬프 1700000000 이 있는 객체입니다.

이럴 때 씁니다

  • 한 줄로 된 API 응답을 읽고, 안 볼 가지를 접을 때.
  • 픽스처의 한 필드를 쉼표를 찾지 않고 고칠 때.
  • JSON 전체를 이스케이프해 다른 문자열에 넣고, 해제로 되돌릴 때.

질문

끝의 쉼표가 거부되었습니다.

여기는 JSON이고 JSON5가 아닙니다. 쉼표와 주석을 빼세요. 브라우저가 위치를 주면 행과 열이 나옵니다.

큰 파일에 트리가 없습니다.

4000노드를 넘으면 트리를 그리지 않습니다. 포맷과 압축은 왼쪽을 다시 씁니다.

null을 글로 바꾸니 따옴표가 생겼습니다.

null은 null, true, false, JSON 숫자로 바꿀 수 있습니다. 그 밖의 글은 문자열로 저장됩니다.