[JavaScript] for in 반복문(삽질) / for each 반복문

for in과 for each를 이용하여 책 정보를 출력해보자.

 

우선, book 객체를 다섯개 생성해주고, 그것들을 bookAry 안에 넣어둔 상태이다.

먼저 for in을 이용한 코드는 아래와 같다.

 

*for in

이렇게 하면 아래 출력 예시와 같이 잘 뜬다. 

 

*for (변수 in 객체) 

 

삽질>>

처음에는 아래와 같이 썼었는데, 이상하게 인덱스 값 같이 0 1 2 3 4만 출력되는 것이다.

나는 book이 bookAry에 있는 객체 하나를 갖고 와서, 거기에 toString 함수를 호출해주는 줄 알았는데, 알고보니 book은 인덱스 값을 갖는 것이었다. 원리는 아래와 같다. 

 

for (var i in array)

= for (var i = 0; i < array.length; i++)

 

이렇기 때문에 내가 원하는대로 출력이 안됐던 것이다. 

 

 

 

*for each

이렇게 하면, bookAry의 value로 저장되어있는, 즉 book 객체 내용을 바로 갖고와주기 때문에, 제대로 출력이 된다.