반복문이란?
- 같은 동작을 여러번 실행하기 위해 사용하는 문법입니다.
- 불필요하게 여러 명령을 늘어놓지 않아도 명령을 반복 실행할 수 있습니다.
- 그만큼 소스 코드도 깔끔해지고 프로그램 실행도 더 빨라집니다.
for 문
- 자바스크립트에서 가장 많이 사용하는 반복문 입니다.
- 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리합니다.
- 기초화식 - 조건식 - 실행문장 - 증감식 순서대로 실행이 되는 것을 이해해야합니다.
- 조건식이 거짓이어서 실행문장이 실행되지 않을 때 for문의 반복이 끝나게 됩니다.
- for 문 안에 for 문이 들어갈 수 있습니다. 이것을 중첩 for문 이라고 합니다.
See the Pen Untitled by kebab000 (@kebab000) on CodePen.
- for 문을 이용하여 배열의 값을 가져온 예제입니다.
for Each 문
- 배열에서는 for Each문을 사용해서 좀 더 편리하게 반복할 수 있습니다.
- 기본 형식은 "배열명. forEach(콜백 함수) {......}" 입니다.
- 콜백 함수란 다른 함수의 인수로 사용할 수 있는 함수를 가리킵니다.
- 프로그램 중에서 배열의 길이가 바뀌어 정확하게 배열의 크기를 알 수 없을 때, 또는 배열의 요소를 가져와서 함수를 실행해야 할 때 forEach 문을 편리하게 사용할 수 있습니다.
See the Pen Untitled by kebab000 (@kebab000) on CodePen.
- 위의 예제같이 결과값은 for문의 예제와 같지만 조건만 지정하고 증감식을 작성하지 않아 더욱 편리합니다.
for ... in 문
- 위의 forEach 문이 배열에서만 반복되는 것이라면 for...in문은 객체의 값을 반복해서 가져와 처리할 수 있게 합니다.
- 객체의 키만 가져올 수 있으므로 해당 키의 값에 접근하려면 대괄호( [ ] )를 사용합니다.
- 기본 형식은 "for(변수 in 객체){......}" 형식입니다.
See the Pen Untitled by kebab000 (@kebab000) on CodePen.
- 열거할 수 있는 모든 속성들을 불러옵니다.
- 불러오는 순서를 지정할 수 없기 때문에 속성들 간의 순서가 중요한 객체에서는 사용하지 않는 것이 좋습니다.
for...of 문
- 문자열이나 배열과 같은 반복 가능 자료에서 사용하는 반복문입니다
- forEach 문을 사용해서 작성했던 것과 같은 결과를 불러올 수 있습니다.
if 문을 사용한 홀짝 구분 프로그램!!
- 본문에서 배운 것은 아니지만 간단한 if 문을 사용하여 홀짝을 구분하는 프로그램을 만들어 봤습니다.
- 숫자가 홀수인지 짝수인지 구별하는 가장 간단한 방법은 숫자를 2로 나누고 나머지가 0인지의 여부를 체크하는 것입니다.
See the Pen Untitled by kebab000 (@kebab000) on CodePen.
오늘은 for 문에 대해 배워봤습니다.
수고하셨습니다!!