JSON을 HTML 표로

JSON 객체 배열을 HTML 표로 만듭니다. 반대 방향은 HTML 표에서 JSON · JSON을 CSV로

이 페이지가 하는 일

객체 배열은 표로 보면 더 잘 읽힙니다. 이 페이지는 브라우저에서 HTML 표를 씁니다. 반대 방향은 HTML 표에서 JSON입니다. 같은 행의 CSV는 JSON을 CSV로입니다.

사용법

  1. JSON을 붙여 넣습니다. 입력하는 즉시 갱신이 켜져 있습니다.
  2. 변환은 한 번입니다. 예제 보기는 [{"id":1,"name":"Ada","ok":true},{"id":2,"name":"Grace","ok":false}]를 채웁니다.
  3. 결과는 표입니다. 머리글은 id, name, ok입니다. 첫 행은 1, Ada, true입니다. 둘째 행은 2, Grace, false입니다.
  4. 모두 지우기는 두 칸을 비웁니다. 결과 복사는 HTML을 복사합니다.

규칙과 경계

객체 배열은 키가 처음 나온 순서로 한 열씩입니다. 객체 하나는 머리글 없는 두 열이며, 키는 th, 값은 td입니다. 값만 있는 배열의 머리글은 value입니다. 중첩 객체나 배열은 칸 안의 JSON 텍스트입니다. 빈 배열, 빈 객체, 숫자만, 문자열만은 오류입니다.

쓰는 곳

  • API 목록을 페이지의 표로 붙입니다.
  • 두 행을 본 다음 반대 페이지로 보냅니다.
  • JSON 뷰어 없이 이름 옆에 불리언을 둡니다.

질문

되돌리면 원래 JSON이 아닌 이유?

표가 가진 것은 칸의 글입니다. 돌아오면 1과 true는 문자열 "1"과 "true"입니다.

중첩 객체는 어디로 갔나요?

다른 표가 되지 않고, 칸 안의 JSON 텍스트로 남습니다.