최신 웹 개발 튜토리얼
 

JavaScript JSON


JSON 저장하고 데이터를 전송하기위한 포맷이다.

데이터는 웹 페이지를 서버로부터 전송 될 때 JSON 종종 사용된다.


JSON은 무엇입니까?

  • JSON은 자바 스크립트 객체 표기법을 의미
  • JSON은 경량 데이터 교환 형식이다
  • JSON은 독립적 인 언어입니다 *
  • JSON은 "자체 설명"하고 이해하기 쉬운

* JSON 구문은 자바 스크립트 객체 표기법 구문에서 유래하지만, JSON의 형식은 텍스트입니다. JSON 데이터를 판독하고 생성하기위한 코드는 임의의 프로그래밍 언어로 기록 될 수있다.


JSON 예

3 직원 기록 (객체)의 배열을이 JSON 구문은 직원이 개체 정의

JSON 예

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

JSON 형식은 자바 스크립트 객체로 평가

JSON 형식은 자바 스크립트 객체를 생성하는 코드 구문과 동일합니다.

이 때문에 유사성, 자바 스크립트 프로그램은 쉽게 네이티브 자바 스크립트 객체로 JSON 데이터를 변환 할 수 있습니다.


JSON 구문 규칙

  • 데이터 이름 / 값 쌍에
  • 데이터는 쉼표로 구분됩니다
  • 중괄호 개체를 개최
  • 대괄호는 배열을 개최

JSON 데이터 - 이름과 값

JSON 데이터는 바로 자바 스크립트 객체 속성과 같은 이름 / 값 쌍으로 기록됩니다.

이름 / 값 쌍의 값 다음에 콜론 필드 이름 (큰 따옴표)로 구성되어 있습니다 :

"firstName":"John"

JSON 이름은 큰 따옴표가 필요합니다. 자바 스크립트 이름은하지 않습니다.


JSON 개체

JSON 객체는 중괄호 내부에 기록됩니다.

그냥 자바 스크립트처럼, 객체는 여러 이름 / 값 쌍을 포함 할 수 있습니다 :

{"firstName":"John", "lastName":"Doe"}

JSON 배열

JSON 배열은 대괄호 안에 기록됩니다.

그냥 자바 스크립트처럼, 배열 객체를 포함 할 수 있습니다 :

"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]

위의 예에서, 개체 "employees" 배열이다. 그것은 세 개체가 포함되어 있습니다.

각 객체 (제 이름과 성을 가진) 사람의 기록이다.


자바 스크립트 객체에 JSON 텍스트로 변환

JSON의 일반적인 용도는 웹 페이지의 데이터를 웹 서버로부터 데이터를 판독하고 표시한다.

단순화를 위해, 이것은 (이상 우리의 읽을 입력으로 문자열을 사용하여 입증 할 수 JSON 자습서 )

첫째, JSON 구문을 포함하는 자바 스크립트 문자열을 만듭니다

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

그런 다음, 자바 스크립트를 내장 함수 사용 JSON.parse() 자바 스크립트 객체로 문자열을 변환 :

var obj = JSON.parse(text);

마지막으로, 페이지의 새로운 자바 스크립트 객체를 사용 :

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
»그것을 자신을 시도

당신은 우리의 JSON에 대한 자세한 내용을보실 수 있습니다 JSON 자습서 .