자바스크립트 JSON

JSON은 데이터를 저장하고 전송하기 위한 형식입니다.

JSON은 데이터가 서버에서 웹 페이지로 전송 될 때 자주 사용됩니다.


JSON은 무엇인가?

  • JSON은 JavaScript Object Notation의 약자입니다.
  • JSON은 간단한 데이터 교환 형식(lightweight data interchange format)입니다.
  • JSON은 언어와 무관(language independent)합니다. *
  • JSON은 “스스로 설명(self-describing)”하고 이해하기 쉽습니다.

* JSON 구문은 자바스크립트 객체 표기법(JavaScript object notation) 구문에서 파생되지만, JSON 형식은 텍스트(text only)입니다. JSON 데이터를 읽고 생성하는(reading and generating) 코드는 모든 프로그래밍 언어로 작성할 수 있습니다.


JSON Example

이 JSON 구문은 employees 객체를 정의합니다: 3개의 employee 레코드(객체(objects))의 배열입니다:

JSON Example


JSON 형식(Format) 자바스크립트 객체(Objects)를 평가합니다(Evaluates)

JSON 형식은 구문적으로 자바스크립트 객체를 만드는 코드와 동일합니다.

이러한 유사성 때문에, 자바스크립트 프로그램은 JSON 데이터를 기본 자바스크립트 객체(native JavaScript objects)로 쉽게 변환 할 수 있습니다.


JSON 구문 규칙(Syntax Rules)

  • 데이터는 이름/값(name/value)의 쌍입니다.
  • 데이터는 쉼표로 구분합니다.
  • 중괄호는 객체(objects)를 유지합니다(hold).
  • 대괄호는 배열(arrays)을 유지합니다(hold).

JSON 데이터- 이름과 값(A Name and a Value)

JSON 데이터는, 자바스크립트 객체 속성과 마찬가지로, 이름/값 쌍으로 작성됩니다.

이름/값 쌍은 필드 이름(field name) (큰 따옴표로 묶임)다음에 콜론, 다음에 값으로 구성합니다:


JSON 객체(Objects)

JSON 객체는 중괄호 안에 작성됩니다.

자바스크립트와 마찬가지로 객체는 여러 개의 이름/값 쌍을 포함할 수 있습니다:


JSON 배열(Arrays)

JSON 배열은 대괄호 안에 작성됩니다.

자바스크립트와 마찬가지로, 배열에 객체를 포함할 수 있습니다:

위 예제에서 객체 “employees”는 배열입니다. 여기에는 3개의 객체가 포함되어 있습니다.

각 개체는 한 사람(이름과 성이 있는)의 레코드입니다.


JSON 텍스트를 자바스크립트 객체(Object)로 변환

일반적으로, JSON은 웹 서버에서 데이터를 읽고, 웹 페이지에 데이터를 표시하기 위해 사용합니다.

간단하게 설명하기 위해, 문자열을 입력해보면 이것을 시연해 볼 수 있습니다.

먼저 JSON 구문이 포함된 자바스크립트 문자열을 만듭니다:

그리고 자바스크립트 내장 함수 JSON.parse()를 사용하여, 문자열을 자바스크립트 객체로 변환합니다:

마지막으로 페이지에(in your page) 이 새 자바스크립트 객체(the new JavaScript object)를 사용합니다:

Example

Create Object from JSON String

Anna Smith

JSON tutorial에서 JSON에 대해 더 알아보십시오.

출처: JavaScript JSON

댓글 남기기