JavaScript 시리즈의 심층 이해 (9) 'JSON 객체'라는 것은 없습니다! _자바스크립트 기술

서문
이 글을 쓰는 목적은 개발자들이 문자열을 JSON 객체로 변환, JSON 객체를 문자열로 변환 및 기타 유사한 주제로 말하는 것을 자주 볼 수 있기 때문에 이전에 수집했던 외국인의 기사를 편집하고 번역했습니다. 여기서는 모두가 논의할 내용입니다. 잘못된 점이 있으면 지적해 주시기 바랍니다.

텍스트
이 기사의 주제는 ECMAScript262-3을 기반으로 작성되었습니다. 2011년 새로운 262-5 사양에는 일반적으로 JSON이라고 부르는 것과 관련된 JSON 개체가 추가되었습니다. 마찬가지로, 기사의 마지막 섹션에서는 새로 추가된 JSON 개체에 대해 설명합니다.

영문 원문: http://benalman.com/news/2010/03/theres-no-such-thing-as-a-json/
매우 흔한 오해를 명확히 하고 싶습니다. , 제 생각에는 많은 JavaScript 개발자가 JavaScript 개체 리터럴(JSON 개체)의 구문이 JSON 사양에 설명된 것과 동일하기 때문에 실수로 호출하는 것 같습니다. 하지만 사양에는 JSON이 단지 데이터 교환 언어일 뿐이라고 명확하게 명시되어 있으므로 사용할 때만 JSON이라고 합니다. 문자열 컨텍스트에서.

직렬화 및 역직렬화
두 개의 프로그램(또는 서버, 언어 등)이 대화형으로 통신해야 하는 경우 문자열이 여러 언어에서 비슷한 방식으로 구문 분석되므로 문자열을 사용하는 경향이 있습니다. 복잡한 데이터 구조가 자주 사용되며 다양한 대괄호 {}, 괄호(), 대괄호

이를 위해 우리는 이러한 복잡한 데이터 구조를 문자열로 설명하기 위한 표준 규칙과 구문을 개발했습니다. JSON은 구문 중 하나일 뿐입니다. 문자열 컨텍스트에서 개체, 배열, 문자열, 숫자, 부울 및 null을 설명하고 이를 프로그램 간에 전송하고 필요한 형식으로 역직렬화할 수 있습니다. YAML 및 XML(요청 매개변수 포함)도 널리 사용되는 데이터 교환 형식이지만 우리는 우리를 JavaScript 개발자라고 부르는 JSON을 좋아합니다!

리터럴
참고용으로 Mozilla 개발자 센터의 몇 문장 인용:

변수가 아닌 고정 값이므로 스크립트를 "문자 그대로" 이해할 수 있습니다. (리터럴)
문자열 리터럴은 큰따옴표(") 또는 작은따옴표(')로 둘러싸인 0개 이상의 문자로 구성됩니다. (문자열 리터럴)
객체 리터럴은 0개 이상의 중괄호({})로 구성됩니다. 객체 속성 이름-값 쌍(객체 리터럴)
언제 JSON이고 언제 JSON이 아닌가?
JSON은 JavaScript의 하위 집합인 자체 구문도 포함합니다. .
{ "prop": "val" } 이러한 선언은 사용되는 컨텍스트에 따라 JavaScript 객체 리터럴이거나 JSON 문자열일 수 있습니다(단일 또는 큰따옴표로 묶거나 텍스트 파일에서 읽음), 객체 리터럴 컨텍스트에서 사용되는 경우 객체 리터럴

코드 복사 코드는 다음과 같습니다.

// JSON 문자열입니다
var foo = '{ "prop": "val" }'; 🎜>
// 이것은 객체 리터럴입니다.
var bar = { "prop": "val" };


그리고 JSON에는 매우 엄격한 구문이 있습니다. string context { "prop": "val" } 은 유효한 JSON이지만 { prop: "val" } 및 { 'prop': 'val' } 은 실제로는 불법입니다. 모든 속성 이름과 해당 값은 다음과 같이 묶어야 합니다. 큰따옴표는 허용되지 않습니다. 또한, 이스케이프된 작은따옴표를 사용하더라도 여기에서 자세한 구문 규칙을 확인할 수 있습니다. 큰 문자열인가요?

물론 그렇습니다. 모든 JavaScript 코드와 HTML(아마도 다른 것들도)은 브라우저가 구문 분석할 때까지 모두 문자열입니다. 이때 .jf 파일이나 인라인 JavaScript 코드는 더 이상 문자열이 아닙니다. 문자열이지만 페이지의 innterHTML과 마찬가지로 실제 JavaScript 소스 코드로 간주됩니다. 문자열은 아니지만

사용하는 경우에도 마찬가지입니다. 문자열 컨텍스트에서 중괄호가 있는 JavaScript 객체는 JSON 문자열이며, 객체 리터럴의 컨텍스트에서 사용되면 객체 리터럴입니다.

실제 JSON 객체
, 객체 리터럴은 JSON 객체가 아니지만 실제 JSON 객체가 있습니다. 그러나 두 가지 개념은 완전히 다릅니다. 새 버전의 브라우저에서는 JSON 개체가 기본 내장 개체로 변환되었습니다. 현재 JSON.parse를 사용하여 JSON 문자열을 개체로 역직렬화하는 데 사용됩니다. stringify는 JSON 문자열을 객체로 역직렬화하는 데 사용됩니다. 이전 버전의 브라우저는 이 객체를 지원하지 않지만 json2.js를 통해 동일한 기능을 얻을 수 있습니다.

그래도 이해가 안 되신다면 걱정하지 마세요. 예시를 참고하세요.




코드 복사

코드는 다음과 같습니다.

// AJAX에서 문자열 정보를 가져오는 것과 같은 JSON 문자열입니다.
var my_json_string = '{ "prop": "val" }'

// 문자열을 변환합니다. 객체로 역직렬화
var my_obj = JSON.parse( my_json_string );

alert( my_obj.prop == 'val' ) // 예상대로 프롬프트가 true입니다! // 객체를 JSON 문자열로 직렬화합니다.
var my_other_json_string = JSON.stringify( my_obj )


또한 Paul Irish는 Douglas Crockford가 JSON RFC에서 "JSON 객체"를 사용했다고 언급했습니다. 그러나 그 맥락에서 그는 "객체 리터럴"이 아니라 "JSON 문자열로 설명된 객체"를 의미합니다.

추가 정보
JSON에 대해 더 알고 싶다면 다음 링크가 도움이 될 것입니다.

JSON 사양
• JSON RFC
• Wikipedia의 JSON
• JSONLint - JSON 유효성 검사기
• JSON은 JSON과 다릅니다