▣ Javascript 객체 제어문
■ 자바스크립트에서 함수를 만들고 객체화해서 사용할 때 좀 더 편리하게 이용할 수 있도록 [for~in] 문과 [with]에 대해서 알아보겠습니다. for~in문의 for문의 업그레이드(?) 버전 정도로 생각하면 될 거 같은데요. 객체 안에 들어 있는 속성을 순서대로 반복해서 수행하는 역할을 합니다. 예를 들어 어떤 객체 안에 여러 속성이 있으면 그것들을 연속해서 화면에 출력할 수 있는 기능인데요. 이 경우로 예제를 만들면서 이해해보겠습니다.
■ 예제 내용을 잠깐 살펴보면 aaa라는 함수를 만들고 이 녀석을 my_aaa라는 객체로 선언하면서 "홍길동", 90, 100, 80의 매개변수를 전달 했습니다. my_bbb에는 각각의 속성값 [name, kor, eng, mat]이 들어가게 되고, for~in문을 이용해서 속성값을 출력하도록 하는 내용입니다.
■ 인터넷 브라우저에서 각각의 속성[name, kor, eng, mat]와 그 속성값이 출력되는 걸 확인할 수 있습니다. for~in 문은 이렇게 객체 안에 있는 속성을 반복하는 역할을 합니다.
■ 다음은 with문에 대해서 알아볼 텐데요. 이 제어문은 객체에 포함된 속성이나 메소드를 여러 번 실행할 때 with문으로 객체를 선언한 후에는 실질적으로 문장을 수행하는 문장 안에서는 객체를 생략하고 메소드나 속성만 사용할 수 있도록 하는 역할을 하는데요. 말이 좀 어렵네요. 예제를 보면 좀 더 쉽게 이해가 될 거에요.
■ 이렇게 반복되는 메소드가 있다고 할 때 document 객체를 with 문을 이용해서 선언하고 다음과 같이 바꿀 수 있는 겁니다.
■ 예제 보시면 쉽게 이해가 되시죠? 이렇게 해서 자바스크립트 객체 제어문 중에서 for~in 문과 with문에 대해서 알아봤습니다. ^^ 수고하셨어요.
