[작성일: 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());
🐣 해당 게시글은 입문 개발자가 요약/정리한 글이므로 틀린 내용이나 오타가 있을 수 있습니다.