[작성일: 2023. 04. 11]

 

JSON 객체

  • REST API 등에서 많이 사용되는 JSON 형태의 데이터를 object로 변환할 수 있고, object를 JSON으로 변환하는 것도 가능함.

 

JSON.parse()         JSON 타입의 데이터를 javascript object로 변환

JSON.stringify()   object를 JSON 타입의 데이터를 변환

 

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>json</title>
</head>
<body>
    <h1>Javascript JSON <-> Object</h1>
    <hr>
</body>
<script>
/*
    user = {
        name: "BTS",
        members: 7,
        age: "20th"
    }
*/
    userJSON = '{"name" : "BTS", "members" : 7 , "age" : "20th"}';
    user = JSON.parse(userJSON);
    document.write("<h3>Parsing Completed</h3>");
    document.write("<font size='500'>" + user.name + "</font><br>");
 
// 상품명과 가격을 JSON으로 생성하기
// JSON 데이터를 object로 변환하기
// 프로퍼티 출력
// 다시 JSON으로 데이터 변환 후 출력
 
var productJSON ='{"name" : "piano", "price" : 2000000}';
var product = JSON.parse(productJSON);
document.write("<h3>신규 상품 도착</h3><hr>");
document.write("<h3> 상품명 : " + product.name + "</h3>");
document.write("<h3> 가격 : " + product.price + "원 </h3>");
product.price = 1800000;  // 가격 내리기
productJSON = JSON.stringify(product);
document.write("<h3> JSON 변환 결과는 : " + productJSON + "</h3>");
 
</script>
</html>

 

 

 

 

 

JSON(JavaScript Object Notation)

객체생성

  • JSON은 맵 구조이기 때문에 key, value가 쌍으로 저장됨.
  • 내부 JSON 객체에는 put(K, V)을 통해 넣어주고, 외부 JSON 객체로 묶어서 관리함.
  • JSON은 내부에서 외부 순서대로 데이터를 생성함.
{
	외부 JSON 요소 이름 : {
    	내부 JSON 요소 이름 : 요소 값,
        ...
    }
}

 

 

 

객체 파싱(해석)

  • JSO 객체에 있는 정보를 문자열로 전송받았을 때 파싱이 필요함. 이 경우 데이터가 망가질 수 있기 때문에 예외처리를 해줘야 함.
  • 데이터를 부를 때 외부에서 내부 순서로 데이터에 접근함.
JSONParser 파서 객체명 = new JSONParser();
JSONObject 객체명 = 파서 객체명.parse(JSON객체.toJSONString());

 

 

 

 

 

 

 

 

 

 

🐣 해당 게시글은 입문 개발자가 요약/정리한 글이므로 틀린 내용이나 오타가 있을 수 있습니다.

 

저작자표시 비영리 변경금지

티스토리툴바