JSON 경로 찾기
JSON 데이터를 붙여넣고 트리 구조를 탐색하고 노드를 클릭하여 JSONPath 표현식을 얻습니다.
JSON 입력0 문자
트리 탐색기
JSON을 붙여넣어 트리 구조 보기
JSONPath란?
JSONPath는 XML의 XPath와 유사한 JSON 쿼리 언어입니다. $.store.products[0].name과 같은 경로 표현식을 사용하여 JSON 문서에서 데이터를 선택하고 추출할 수 있습니다. $ 기호는 JSON 문서의 루트를 나타냅니다.
JSONPath 구문
- - $ — 루트 객체
- - .key — 자식 속성
- - [0] — 배열 인덱스
- - ["key"] — 특수 키의 브래킷 표기법
온라인에서 JSON 경로를 찾는 방법
- 1.왼쪽 패널에 JSON 데이터를 붙여넣거나 샘플 로드를 클릭하여 예제를 시도하세요.
- 2.JSON이 자동으로 오른쪽의 인터랙티브 트리 뷰로 파싱됩니다.
- 3.트리의 노드를 클릭하면 위쪽 경로 바에 JSONPath 표현식이 표시됩니다.
- 4.경로 복사를 클릭하여 JSONPath 표현식을 클립보드에 복사합니다.
FAQ
JSONPath에서 $ 기호는 무엇인가요?
$ 기호는 파일 경로의 /와 유사하게 JSON 문서의 루트를 나타냅니다. 모든 JSONPath 표현식은 $로 시작합니다. 예를 들어 $.name은 루트 객체의 "name" 속성을 선택합니다.
배열 요소는 JSONPath에서 어떻게 참조되나요?
배열 요소는 0부터 시작하는 인덱스의 브래킷 표기법을 사용합니다. 예를 들어 $.items[0]은 첫 번째 요소, $.items[1]은 두 번째 요소를 선택합니다. 일부 구현에서는 음수 인덱스도 사용할 수 있습니다.
이 경로를 JavaScript에서 사용할 수 있나요?
점 표기법 경로($.store.name 등)는 JavaScript 속성 접근에 직접 대응합니다: data.store.name. 특수 문자가 포함된 브래킷 표기법 경로는 data["special-key"]를 사용합니다. 많은 JSONPath 라이브러리(jsonpath-plus 등)도 이러한 표현식을 직접 지원합니다.
JSON 데이터가 서버로 전송되나요?
아닙니다. 모든 파싱과 트리 구축은 브라우저에서 JavaScript를 사용하여 이루어집니다. JSON 데이터가 업로드, 저장 또는 서버에서 처리되는 일은 없습니다.