안녕하세요~ 오늘은 자바스크립트에서 같은 동작을 여러 번 실행하기 위해 사용하는 반복문을 알아보겠습니다!
코딩하다가 겪게되는 노가다의 힘듦....ㅜㅜ 반복문을 알기 전까지엔 정말 힘들게 코딩했던 것 같아요.
하지만 오늘 배운 반복문들을 통해 더욱 깔끔하고 간결하게 작업을 할 수 있었습니다!
일단 반복문에는 for()문, forEach문, for in문, for of문 등 원래 몇 개 더 있지만 이 4개를 위주로 살펴보겠습니다.
📛for 문
자바스크립트에서 가장 많이 사용된다고 할 수 있습니다! for문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리하기도 해요! for 문에서는 몇 번 반복했는지 기록하기 위해 카운터를 사용하고 for 문의 첫 번째 항에서 카운터 변수를 지정합니다.
중요한 for문 공식이니까 잘 외워둬야 겠죠?
- 초깃값: 몇 번 반복할지 지정하기 위해 카운터 변수를 사용하는데, 이 항목에서 카운터 변수를 선언하고 초기화합니다. 초깃값은 0이나 1부터 시작합니다.
- 조건: 문장을 반복하기 위해 체크할 조건 부분입니다. 이 조건을 만족해야 for 문에 있는 명령을 반복할 수 있습니다.
- 증가식: 문장을 실행한 후 카운터 변수를 증가시키는 부분입니다. 보통 카운터값을 하나 더 증가시키는 용도로 사용합니다.
📛forEach 문
앞에서 for문을 사용해 배열의 값을 가져왔는데, 배열에서는 forEach문을 사용해서 좀 더 편리하게 반복할 수 있습니다.
단순히 배열 요소만 가져와서 보여준다면 for문과 forEach문 사이에는 큰 차이가 없습니다.
하지만 정확하게 배열의 크기를 알 수 없을 때, 또는 배열의 요소를 가져와서 함수를 실행해야 할 때 forEach문이 좀 더 편리하게 사용할 수 있죠.
📛for...in 문
for...in문은 반복해서 객체의 값을 가져와서 처리할 수 있게 합니다.
for...in문은 객체의 키만 가져올 수 있으므로 해당 키의 값에 접근하려면 대괄호를 사용합니다.
📛for...of 문
for...of 문은 문자열이나 배열과 같은 반복 가능 자료에서 사용하는 반복문입니다. 앞에서 forEach문을 사용해서 작성했던 소스 코드를 다음과 같이 for...of 문으로도 작성할 수 있습니다.
그리고 자바스크립트를 통해 짝수와 홀수를 구별하는 프로그램을 만들어봤는데, 코드펜을 참조해주세요!
See the Pen Untitled by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen.
