Notice
Recent Posts
Recent Comments
Link
투케이2K
107. (javascript/자바스크립트) for in 구문을 사용해서 json Object 형태 key , value 확인 실시 본문
JavaScript
107. (javascript/자바스크립트) for in 구문을 사용해서 json Object 형태 key , value 확인 실시
투케이2K 2021. 8. 6. 12:37[개발 환경 설정]
개발 툴 : Edit++
개발 언어 : javascript
[소스코드]
<!-- 내부 JS 지정 : 일반 -->
<script>
/*
[JS 요약 설명]
1. window.onload : 브라우저 로드 완료 상태를 나타냅니다
2. json : key, value 를 가지고 있는 데이터 전송 포맷 형태입니다
3. jsonObject : {key:value} 형태를 가지고 있습니다
4. jsonArray : [value, value] 형태를 가지고 있습니다
5. 자바스크립트에서는 중괄호 { } 사용해 json 형식을 지정할 수 있습니다
*/
/* [html 최초 로드 및 이벤트 상시 대기 실시] */
window.onload = function() {
console.log("");
console.log("[window ready] : [start]");
console.log("");
// [이벤트 함수 호출]
checkJsonObj();
};
/* [이벤트 수행 부분] */
function checkJsonObj() {
console.log("");
console.log("[checkJsonObj] : [start]");
console.log("");
// 초기 json object 형식 데이터 선언 실시
var jsonData = {"one":"하나", "two":"둘"};
console.log("");
console.log("[checkJsonObj] : [json 데이터] : " + JSON.stringify(jsonData));
console.log("");
// 방법 [1] : json 데이터에 포함된 key 및 value 데이터 확인 실시
for (var key in jsonData){
// number 형태로 된 key 데이터도 불러올 수 있습니다
console.log("[checkJsonObj] : [방법 1] [key] / [value] : " + key + " / " + jsonData[key]);
}
// 방법 [2] : json key 값을 알고 있는 경우 즉시 호출해서 값을 확인할 수 있습니다 (number 형태 key 값을 확인 불가)
console.log("");
console.log("[checkJsonObj] : [방법 2] [key] / [value] : " + "one" + " / " + jsonData.one);
console.log("[checkJsonObj] : [방법 2] [key] / [value] : " + "two" + " / " + jsonData.two);
};
</script>
[결과 출력]
[요약 설명]
/*
[JS 요약 설명]
1. window.onload : 브라우저 로드 완료 상태를 나타냅니다
2. json : key, value 를 가지고 있는 데이터 전송 포맷 형태입니다
3. jsonObject : {key:value} 형태를 가지고 있습니다
4. jsonArray : [value, value] 형태를 가지고 있습니다
5. 자바스크립트에서는 중괄호 { } 사용해 json 형식을 지정할 수 있습니다
*/
반응형
'JavaScript' 카테고리의 다른 글
Comments