반복문
같은 동작을 여러 번 실행하기 위해 사용하는 문입니다.
반복문을 사용하면 불필요하게 여러 명령을 늘어놓지 않아도 명령을 반복 실행할 수 있습니다.
for문
자바스크립트에서 가장 많이 사용하는 반복문 입니다.
for문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편합니다.
for문에서는 몇 번 반복했는지 기록 하기 위해 카운터를 사용하고 for문의 첫 번째 항에서 카운터 변수를 지정 합니다.
기본형 for문
| for (초깃값; 조건; 증가식) {...} |
※ 초깃값: 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데, 이 항목에서 카운터 변수를 선언 하고 초기화 합니다. 초기값은 0이나 1부터 시작합니다.
※조건:문장을 반복하기 위해 체크할 조건 부분입니다. 이 조건으 만족해야 for 문에 있는 명령을 반복할수 있습니다.
※증가식: 문장을 실행한 후 카운터 변수를 증가시키는 부분입니다. 보통 카운터 값을 하나더 증가시키는 용도로 사용됩니다.
for문을 공부할 때 실행 순서가 헷갈리기 쉽습니다. 그러므로 초깃값은 처음에 한 번만 할당 하고 조건 체크와 명령 실행, 증가식을 계속 반복 한다고 기억하는게 좋습니다.
for문을 사용해 배열값 가져오기
See the Pen Untitled by jhwangwoo (@jhwangwoo) on CodePen.
forEach문
배열의 길이가 바뀌어 정확하게 배열의 크기를 알 수 없을 때, 또는배열의 요소를 가져와서 함수를 실행해야 할 때 forEach문을 편리하게 사용할 수 있습니다.
See the Pen Untitled by jhwangwoo (@jhwangwoo) on CodePen.
for...in문
배열에서만 반복되는 반복문이 forEach문 이라면 for...in문은 반복해서 객체의 값을 가져와서 처리할 수 있게 합니다.
for...in문은 객체의 키만 가져올 수 있으므로 해당 키의 값에 접근 하려면 대괄호([])를 사용합니다.
See the Pen Untitled by jhwangwoo (@jhwangwoo) on CodePen.
for...of문
for...of문은 문자열이나 배열과 같은 반복 가능 자료에서 사용하는 반복문 입니다. 앞에서 forEach 문을 사용해서 작성했던 소스 코드를 다음 과 샅이 for...of 문을도 작성할수있씁니다.
See the Pen Untitled by jhwangwoo (@jhwangwoo) on CodePen.