JavaScript

json 생성 방법

태인킴 2020. 4. 26. 00:01
반응형


 

1. json 이란?

json 은 클라이언트와 서버와 같이 서로 다른 프로그램에서

데이터를 읽거나 쓸수 있도록 만들어진 데이터 포맷을 의미 합니다.

이런 데이터 포맷에는 XML 이라는 포맷도 있습니다.

이런 HTTP 상에서 데이터 포맷을 HTTP Content-Type 이라고 합니다.

HTTP Content-Type 종류 에는 

1. Text

2. JSON (application/json)

3. JavaScript (application/JavaScript)

4. XML (application/xml)

5. XML (text/xml)

6. HTML (text/html)

등 이 있습니다.

 

특히나 json 은 JavaScript Object Notation 의 약자 입니다.

한글로 해석 하면 '자바스크립트 객체 표기법' 입니다.

따라서 javaScript 객체 포맷을 의미 합니다.

 

2. javaScript 객체 생성 방법

- 생성자를 통한 방법

- 중괄호를 통한 방법 (객체 리터럴 표기법)

 

1) 생성자를 통한 방법

var fruit = new Object(); 
fruit.name = "apple"; 
fruit.sold = true; 
fruit.weight = 20;

 

위 처럼 Object 뿐만 아니라 Array 도 가능 합니다.

 

var fruit = new Object(); 
fruit.name = "apple"; 
fruit.sold = true; 
fruit.weight = 20;

var vegetable = new Object(); 
vegetable.name = "cabbage"; 
vegetable.sold = true; 
vegetable.weight = 30;

var store = new Array(); 
store.push(fruit);
store.push(vegetable);

 

2) 중괄호를 통한 방법 (객체 리터럴 표기법)

var fruit = {
	name: "apple",
    sold: true,
    weight: 20
}

var vegetable = {
	name: "cabbage",
    sold: true,
    weight: 30
}

var store = [fruit, vegetable];

이러한 생성 방법을 '객체 리터럴 표기법' 이라고 합니다.

이런 '객체 리터럴 표기법' 은 생성자를 이용한 생성 방법 보다

속도가 더 빠르고 가독성이 좋아서 더 권장하는 사용 방법 입니다.

또는 위 fruit 와 vegetable 변수 선언 없이 모두 리터럴 표기법으로 가능 합니다.

var store = [ 
  {
      name: "apple",
      sold: true,
      weight: 20
  },
  {
      name: "cabbage",
      sold: true,
      weight: 30
  }
];

 

반응형

'JavaScript' 카테고리의 다른 글

undefined 타입  (0) 2020.04.29
oninput onchange Event  (0) 2020.04.28
JSON.stringify JSON.parse  (0) 2020.04.26
Ajax in Jquery  (0) 2020.04.25
FormData  (0) 2020.04.25