▶for문
: 자바스크립트에서 가장 많이 사용하는 반복문.
조건에 들어가는 값이 일정하게 커지면서 명령 반복 실행할 때 편리.
몇 번 반복했는지 기록하기 위해 카운터를 사용하며, 첫 항에서 카운터 변수를 지정함.
▷for문의 실행순서
: 초깃값 할당 > 조건 체크 > 명령실행 > 증가식 실행 1
for (초깃값; 조건 2 ; 증가식 3) { ·····} 4 |
▷예제의 실행 순서를 표로 그려보면 다음과 같다.
하는 일 | 소스 | 결과 |
초깃값 실행 | i = 1 | i = 1 |
조건 체크 | i < 10 | true |
실행 | console.log(i) | 1 |
카운터 증가 | i++ | i = 2 |
조건 체크 | i < 10 | true |
실행 | console.log(i) | 2 |
· · · · · · | ||
카운터 증가 | i++ | i=10 |
조건 체크 | i (10) < 10 | false |
for문 종결 |
▶forEach문
:배열에서는 forEach 문을 사용해서 편리하게 반복할 수 있음.
배열의 길이가 바뀌어 정확하게 배열의 크기를 알 수 없을 때, 배열의 요소를 가져와서 함수를 설정해야 할 때 사용함. 5
배열문.forEach(콜백함수) { · · · · · } 6 |
for문을 작성하여 배열 안에 있는 모든 수를 불러 오려면 초깃값을 할당하고, 조건과 증감식을 작성해야 했는데 forEach 문을 사용하면 초깃값을 할당하고, 조건을 지정하고 증감식을 작성해야 할 필요가 없어짐.
▶for...in문
- 배열 안에서만 반복되는 반복문이 forEach 문이라면 for...in 문은 반복해서 객체의 값을 가져와 처리할 수 있게 함.
- 객체의 키만 가져올 수 있으므로 해당 키의 값에 접근하기 위해 [ ] (대괄호)를 사용함.
- 모든 열거할 수 있는 속성들을 순회할 수 있도록 함.
- 순서를 지정할 수 없기 때문에 속성들 간의 순서가 중요한 객체에서는 사용하지 않는 것이 좋음.
for (변수 in 객체) { · · · · · } |
▶for...of문
: 문자열이나 배열과 같은 반복 가능 자료에서 사용하는 반복문. 7
forEach 문를 사용해서 작성했던 것과 같은 결과를 볼 수 있음.
let a 안에 값이 있는동안 계속 반복함.