111. (javascript/자바스크립트) json 특정 key 포함 확인 및 데이터 출력 실시 - hasOwnProperty , for in

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : javascript

---

[소스코드]

​

    <!-- 내부 JS 스타일 지정 -->
    <script>

    	/*
    	[JS 요약 설명]
    	1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다
    	2. json : key, value를 가지는 데이터 통신 포맷입니다
    	3. json 선언은 중괄호 {} 를 사용해서 선언할 수 있습니다
    	4. json 선언 시 Object를 사용하는 경우는 json.key = value; 형식으로 저장할 수 있습니다
    	5. JSON.stringify : json object 객체를 string으로 출력할 수 있습니다
    	*/


    	/* [html 최초 로드 및 이벤트 상시 대기 실시] */
    	window.onload = function() {
    		console.log("");
    		console.log("[window onload] : [start]");
    		console.log(""); 	
    	};

    	

    	/* [이벤트 수행 함수] */
    	function runFunction(){
    		console.log("");
    		console.log("[runFunction] : [start]");
    		console.log("");

    		// 초기 변수 선언 실시 및 데이터 삽입
    		//var jsonObj = {"idx":1, "name":"twok"}; // [json object 생성 방법 [1]]
    		var jsonObj = new Object();
    		jsonObj.idx = 1; // 일반 지정 형태
    		//jsonObj["idx"] = 1; // 대괄호 형태
    		jsonObj.name = "twok"; // 일반 지정 형태
    		//jsonObj["name"] = "twok"; // 대괄호 형태
    		console.log("");
    		console.log("[runFunction] : [jsonObj] : " + JSON.stringify(jsonObj));
    		console.log("");


    		// has 사용해 특정 key 값 포함 확인 실시
    		var idx_contains = jsonObj.hasOwnProperty("idx");
    		var name_contains = jsonObj.hasOwnProperty("name");
    		var sex_contains = jsonObj.hasOwnProperty("sex");
    		console.log("");
    		console.log("[runFunction] : [idx 포함 여부] : " + idx_contains);
    		console.log("[runFunction] : [name 포함 여부] : " + name_contains);
    		console.log("[runFunction] : [sex 포함 여부] : " + sex_contains);
    		console.log("");


    		// json key 값 즉시 지정해서 데이터 출력 실시
    		var key_idx = jsonObj.idx;
    		var key_name = jsonObj.name;
    		console.log("");
    		console.log("[runFunction] : [key_idx] : " + key_idx);
    		console.log("[runFunction] : [key_name] : " + key_name);
    		console.log("");


    		// for 문을 사용해서 순차적으로 데이터 출력 실시    		
    		for (var key in jsonObj){
    			console.log("");
    			console.log("[runFunction] : [for : json key] : " + key);
    			console.log("[runFunction] : [for : json value] : " + jsonObj[key]);
    			console.log("");
    		}
    	};

    </script>

---

[결과 출력]

​

---

[요약 설명]

​

/*

[JS 요약 설명]

1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다

2. json : key, value를 가지는 데이터 통신 포맷입니다

3. json 선언은 중괄호 {} 를 사용해서 선언할 수 있습니다

4. json 선언 시 Object를 사용하는 경우는 json.key = value; 형식으로 저장할 수 있습니다

5. JSON.stringify : json object 객체를 string으로 출력할 수 있습니다

*/

---