JS → JSON은 페이지 안에서 `new Function('return (…)')` 사용. 본인 데이터에 안전; 신뢰할 수 없는 소스 코드는 붙여넣지 말 것.

함수·날짜·RegExp는?

JSON은 문자열·숫자·불·null·배열·일반 객체만 운반. 컨버터는 다른 건 `JSON.stringify`처럼 조용히 드롭하지 않고 명시적 에러로 거부.

JS 출력에 작은따옴표 선호 이유?

모던 JS 코드베이스의 주류 스타일과 일치(Prettier 기본). 큰따옴표 원하면 토글 끄기.

JS 객체 ↔ JSON

실제 JS에서 쓰는 느슨한 문법 수용: 인용 없는 식별자 키·작은따옴표·trailing comma·라인 주석. 표준 JSON 출력(또는 역방향으로 직접 작성한 듯한 깔끔한 JS 리터럴). dev console 출력을 JSON 파서가 받는 형태로 변환하거나, API 응답을 소스 코드 포함용으로 정돈할 때 유용.

—

들여쓰기

입력

결과

{
  "name": "Alice",
  "age": 30,
  "email": "alice@example.com",
  "roles": [
    "admin",
    "editor"
  ],
  "address": {
    "city": "Seoul",
    "zip": "04524"
  },
  "active": true,
  "bio": null
}

JS → JSON은 입력을 JS 표현식으로 평가 — 본인 데이터에만 사용.

사용법

JS 객체 리터럴 또는 JSON 붙여넣기.
방향 선택 — JS → JSON은 값을 엄격히 감쌈·JSON → JS는 식별자 키 인용 해제·작은따옴표 선호.
결과 복사. 들여쓰기 일관.

자주 묻는 질문

어떻게 파싱?: JS → JSON은 페이지 안에서 `new Function('return (…)')` 사용. 본인 데이터에 안전; 신뢰할 수 없는 소스 코드는 붙여넣지 말 것.
함수·날짜·RegExp는?: JSON은 문자열·숫자·불·null·배열·일반 객체만 운반. 컨버터는 다른 건 `JSON.stringify`처럼 조용히 드롭하지 않고 명시적 에러로 거부.
JS 출력에 작은따옴표 선호 이유?: 모던 JS 코드베이스의 주류 스타일과 일치(Prettier 기본). 큰따옴표 원하면 토글 끄기.

JS 객체 ↔ JSON

사용법

자주 묻는 질문

관련 도구

CSS to JS 스타일 객체 변환기

XML ↔ JSON 컨버터

문자열 이스케이프 변환기

JSON ↔ YAML 변환기

CSV → HTML / Markdown / JSON 테이블

고정폭 텍스트 → CSV / JSON 파서