2-07.JSON 객체
2023. 3. 29. 15:52ㆍJavascript/자바스크립트 제대로 배워볼래?
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
// JSON
// 서버로부터 웹페이지로 데이터를 전송할 때 자주 사용
// 데이터를웹 페이지에서 서버로 데이터를 전송할 때도 json 포맷 자주 사용
// json - JavaScript Object Notation의 약자
var data = {
"employees": [
{"firstName":"John", "lastName":"Doe"},
{"firstName":"John", "lastName":"Doe"},
{"firstName":"John", "lastName":"Doe"},
{"firstName":"John", "lastName":"Doe"},
]
}
var text = '{"employees": ['+
'{"firstName":"John", "lastName":"Doe"},'+
'{"firstName":"Anna", "lastName":"Smith"},'+
'{"firstName":"Peter", "lastName":"Jones"},'+
'{"firstName":"Paul", "lastName":"Sophie"} ]}';
// JSON.parse
var obj = JSON.parse(text);
console.log(obj); //obj로 변하게 됨
// {firstName: 'John', lastName: 'Doe'}
// {firstName: 'John', lastName: 'Doe'}
// {firstName: 'John', lastName: 'Doe'}
// {firstName: 'John', lastName: 'Doe'}
// JSON.stringify
console.log(data); //obj로 변하게 됨
// {firstName: 'John', lastName: 'Doe'}
// {firstName: 'John', lastName: 'Doe'}
// {firstName: 'John', lastName: 'Doe'}
// {firstName: 'John', lastName: 'Doe'}
console.log(JSON.stringify(data)); // 문자열로 변환되어 저장
// {"employees":[{"firstName":"John","lastName":"Doe"},{"firstName":"John","lastName":"Doe"},{"firstName":"John","lastName":"Doe"},{"firstName":"John","lastName":"Doe"}]}
</script>
</body>
</html>'Javascript > 자바스크립트 제대로 배워볼래?' 카테고리의 다른 글
| 2-09.크롬 개발자도구 (0) | 2023.03.29 |
|---|---|
| 2-08.Window 객체 (0) | 2023.03.29 |
| 2-06.Math 내장 함수 (0) | 2023.03.29 |
| 2-05.Date 내장 함수 (0) | 2023.03.29 |
| 2-04.Array 내장 함수 (0) | 2023.03.29 |