...
반복문
반복문은 같은 동작을 여러 번 실행하기 위해 사용하는 문입니다.
반복문을 사용하면 불필요하게 여러 명령을 늘어놓지 않아도 명령을 반복 실핼할 수 있습니다.
소스 코드도 깔끔해지고 프로그램 실행도 빨라지기 때문에 많이 쓰입니다.
For 문
Javascript에서 가장 많이 쓰이는 반복문입니다.
| For (초기값; 조건; 증가식) {.....} |
위와 같은 형식으로 쓰며, 변수를 사용하여 초기값을 적어주고 초기값에서부터 시작하여
조건을 만족할 때 까지 반복합니다.
초기값 : 카운터 변수를 선언하고 초기화합니다. 초기값은 0이나 1부터 시작합니다.
조건 : 문장을 반복하기 위해 체크할 조건. 조건을 만족해야 for 문에 있는 명령을 반복합니다.
증가식 : 문장을 실행한 후 카운터 변수를 증가시키는 부분입니다.
See the Pen Untitled by dlgnsrb227 (@dlgnsrb227) on CodePen.
위의 for문에서 'styudents.length'는 배열의 갯수인 4를 의미하므로 설명하기 쉽게 보면
for (let i=0; i<4; i++){
documents.write (`${students[i].`);
} 로 나타낼 수 있는데,
"변수 i가 0부터 시작하여 조건 (i<4)를 만족하면 sudents[i]의 값을 출력하고 1 증가시켜라" 라고 해석할 수 있습니다.
ForEach 문
See the Pen Untitled by dlgnsrb227 (@dlgnsrb227) on CodePen.
배열의 크기를 정확하게 알 수 없을 때, 배열의 요소를 가져와서 함수를 실행해야 할 때,
ForEach문을 사용합니다.
위 예시를 보면 students[배열]의 각각의 요소를 student라고 정해놓고, student의 값을 출력한 것입니다.
배열명.forEach(function(각요소이름){
docemenr.write(`${student}. `)
} 의 형식으로 쓰입니다.
For...in 문
forEach문이 배열에서만 반복되는 반복문이라면, for...in문은 반복해서 객체의 값을 가져와서 처리할 수 있습니다.
See the Pen For...in by dlgnsrb227 (@dlgnsrb227) on CodePen.
위 예시를 보면 for(key in gitBook) key를 gitBook의 키로 설정해주고,
각 키에 대한 결과값을 출력 시켰습니다.
For...of 문
for...of 문은 문자열이나 배열과 같은 반복 가능자료에서 사용하는 반복문입니다.
See the Pen For of by dlgnsrb227 (@dlgnsrb227) on CodePen.
forEach 문을 사용해서 작성했던 코드는 위 예시와 같이 for...of 문을 사용해서 작성할 수 있습니다.
짝수 홀수 구분 프로그램
See the Pen Untitled by dlgnsrb227 (@dlgnsrb227) on CodePen.
결과를 눌러 숫자를 입력하게 되면,
if문을 사용하여 홀수와 짝수를 구별해줄 수 있다.