Notice
Recent Posts
Recent Comments
Link
투케이2K
30. (javascript/자바스크립트) JSON Object Array 객체 생성 및 데이터 파싱 수행 실시 본문
/* =========================== */
[ 개발 환경 설정 ]
개발 툴 : Edit++
개발 언어 : javascript
/* =========================== */
/* =========================== */
[소스 코드]
<script>
/*
[JS 요약 설명]
1. JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준입니다
2. JSON.stringify : 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다
3. JSON.parse : 인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환합니다
4. toJSON : JSON 형식의 문자열로 변환하여 반환합니다 (Date 객체에서 사용)
*/
/* 이벤트 함수 정의 */
function main() {
/* 초기 변수 선언 */
var UserInfo_Object = {name : "투케이", age : 28};
var UserInfo_Array = ["투케이", 28];
/* JSON.stringify : 객체를 문자열로 변환 수행 */
var obj = JSON.stringify(UserInfo_Object);
var arr = JSON.stringify(UserInfo_Array)
console.log("Object JSON : " + obj);
console.log("Array JSON : " + arr);
/* JSON Object 파싱 실시 */
var object_parse = JSON.parse(obj);
console.log("Object Parse [total] : " + obj);
console.log("Object Parse [name] : " + object_parse.name);
console.log("Object Parse [age] : " + object_parse.age);
/* JSON Array 파싱 실시 */
var arr_parse = JSON.parse(arr);
console.log("Array Parse [total] : " + arr);
console.log("Array Parse [length] : " + arr_parse.length);
for(var i=0; i<arr_parse.length; i++){
console.log("Array Parse : " + arr_parse[i]);
}
/* Date toJSON 생성 실시 : YYYY-MM-DDTHH:mm:ss.sssZ 형식 */
var date = new Date();
var date_json = date.toJSON();
console.log("Date JSON : " + date_json);
};
</script>
/* =========================== */
/* =========================== */
[결과 출력]
/* =========================== */
/* =========================== */
[요약 설명]
/*
[JS 요약 설명]
1. JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준입니다
2. JSON.stringify : 인수로 전달받은 자바스크립트 객체를 문자열로 변환하여 반환합니다
3. JSON.parse : 인수로 전달받은 문자열을 자바스크립트 객체로 변환하여 반환합니다
4. toJSON : JSON 형식의 문자열로 변환하여 반환합니다 (Date 객체에서 사용)
*/
/* =========================== */
반응형
'JavaScript' 카테고리의 다른 글
Comments