JSON (JavaScript Object Notation)은 데이터 교환에 사용되는 간단한 형식입니다. JavaScript의 하위 세트 (객체가 JavaScript로 빌드되는 방식)를 기반으로합니다. MDN에 명시된 바와 같이 일부 JavaScript는 JSON이 아니며 일부 JSON은 JavaScript가 아닙니다.

이것이 사용되는 예는 웹 서비스 응답입니다. 예전에는 웹 서비스가 데이터를 다시 전송하기 위해 기본 데이터 형식으로 XML을 사용했지만 JSON이 등장한 이후 ( JSON 형식은 Douglas Crockford의 RFC 4627 에 명시되어 있음) 훨씬 선호하기 때문에 선호되는 형식이었습니다. 경량

공식 JSON 웹 사이트 에서 더 많은 정보를 찾을 수 있습니다 .

JSON은 두 가지 구조로 구축됩니다.

• 이름 / 값 쌍의 모음입니다. 다양한 언어에서 이것은 객체, 레코드, 구조체, 사전, 해시 테이블, 키 목록 또는 연관 배열로 실현됩니다.
• 정렬 된 값 목록. 대부분의 언어에서 이는 배열, 벡터, 목록 또는 시퀀스로 실현됩니다.

JSON 구조

다음은 JSON 데이터의 예입니다.

{
     "firstName": "John",
     "lastName": "Smith",
     "address": {
         "streetAddress": "21 2nd Street",
         "city": "New York",
         "state": "NY",
         "postalCode": 10021
     },
     "phoneNumbers": [
         "212 555-1234",
         "646 555-4567"
     ]
 }

JavaScript의 JSON

JSON (Javascript)은 문자열입니다!

사람들은 종종 모든 Javascript 객체가 JSON이고 JSON이 Javascript 객체라고 가정합니다. 이것은 올바르지 않습니다.

Javascript var x = {x:y}가 JSON 이 아닌 경우 이것은 Javascript 객체 입니다. 둘은 같은 것이 아닙니다. JSON에 해당하는 (Javascript 언어로 표시)는입니다 var x = '{"x":"y"}'. x자체가 아닌 문자열 유형의 객체입니다 . 본격적인 Javascript 객체로 변환하려면 먼저 구문 분석해야합니다 var x = JSON.parse('{"x":"y"}');.x 이제 객체 그러나 이것은 더 이상 JSON 없습니다.

자바 스크립트 객체 대 JSON 참조

JSON 및 JavaScript로 작업 할 때이 eval함수 를 사용하여 콜백에서 반환 된 결과를 평가하려는 유혹이있을 수 있지만 JSON에서는 유효하지만 JavaScript에서는 2 개의 문자 (U + 2028 및 U + 2029)가 있으므로 제안되지 않습니다. ( 여기에서 더 읽기 참조 ).

따라서 Crockford의 스크립트를 평가하기 전에 유효한 JSON을 확인하는 스크립트를 항상 사용해야합니다. 스크립트 설명에 대한 링크가 있습니다 여기에 있으며 여기 js 파일에 대한 직접 링크 가 있습니다. 오늘날 모든 주요 브라우저에는 자체 구현이 있습니다 위한 이 있습니다.

JSON 파서를 사용하는 방법에 대한 예 (위 코드 스 니펫의 json 사용) :

//The callback function that will be executed once data is received from the server
var callback = function (result) {
    var johnny = JSON.parse(result);
    //Now, the variable 'johnny' is an object that contains all of the properties 
    //from the above code snippet (the json example)
    alert(johnny.firstName + ' ' + johnny.lastName); //Will alert 'John Smith'
};

JSON 파서는 또 다른 유용한 방법을 제공합니다. stringify . 이 메소드는 JavaScript 오브젝트를 매개 변수로 승인하고 JSON 형식의 문자열을 다시 출력합니다. 이는 서버로 데이터를 다시 보내려 는 경우에 유용 합니다.

var anObject = {name: "Andreas", surname : "Grech", age : 20};
var jsonFormat = JSON.stringify(anObject);
//The above method will output this: {"name":"Andreas","surname":"Grech","age":20}

위의 두 가지 방법 (parse 및 stringify)은 두 번째 매개 변수를 사용합니다.이 매개 변수는 최종 결과의 모든 수준에서 모든 키와 값에 대해 호출되는 함수이며 각 값은 입력 된 함수의 결과로 대체됩니다. (자세한 내용은 여기 )

Btw, JSON이 JavaScript만을위한 것이라고 생각하는 모든 사람들을 위해, 그렇지 않으면 설명하고 확인 하는 이 게시물 을 확인하십시오.

참고 문헌

• JSON.org
• 위키 백과
• 3 분 안에 JSON (감사합니다. msons) )
• Yahoo!와 함께 JSON 사용 웹 서비스 (감사 합니다) )
• JSON에서 CSV로 변환
• 대체 JSON-CSV 변환기
• JSON Lint (JSON 유효성 검사기)

답변

{
                "Family" :  ["Me", "Wife", "Kid1", "Kid2"]
}

var MyArray = [ 1, 2, 3, 4]; // MyArray is now an array with 4 elements
var MyObject = {
    'StringProperty' : 'Value',
    'IntProperty' : 12,
    'ArrayProperty' : [ 1, 2, 3],
    'ObjectProperty' : { 'SubObjectProperty': 'SomeValue' }
}; // MyObject is now an object with property values set.

"{ \"FirstName\" : \"Fred\", \"LastName\" : \"Flintstone\" }"

var obj = eval("(" + someAjaxFunctionCallReturningJson().value + ")");
alert(obj.FirstName);
alert(obj.LastName);