목차
- for...in 예제 - 객체 경우
- for...in 예제 - 배열 경우
- for...in 정의
- for...in 구문
※ 객체 이용한 반복문에 유용
for...in 예제 - 객체 경우
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var hz = {name:"홈짱닷컴", host:"Homzzang.com", open:2012};
var text = "";
var x;
for (x in hz) {
text += hz[x] + " ";
}
document.getElementById("demo").innerHTML = text;
}
</script>
결과보기
결과값: 홈짱닷컴 Homzzang.com 2012
for...in 예제 - 배열 경우
<script>
var hz = ['HTML', 'CSS', 'JS', 'PHP','SQL'];
for(var i in hz) {
document.write(hz[i] + "<br>");
}
</script>
결과보기
※ 배열키는 0부터 시작.
※ 배열도 가능하나, 배열은 그냥 for문 이용 권장.
for...in 정의
객체의 각 요소에 대해 반복 실행.
1.
실행코드는 각 객체 속성에 대해 한번씩만 실행됨.
2.
인덱스 순서가 중요한 배열 경우엔 for...in문 사용하지 말고, for문 사용.
3. 반복문 종류
4.
주요 모든 브라우저 지원.
ECMAScript 1
5. MDN for...in 예제 더 보기
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in
for...in 구문
for (var in object) {
실행할 코드
}
[매개변수]
var
필수. 객체의 속성을 반복하는 변수
- 객체 경우, 각각의 요소의 키 이름
- 배열 경우, 0부터 시작하는 배열키
object
필수. 객체