자바스크립트 반복문에 대해 알아보자

01.for문

자바스크립트에서 가장 많이 사용하는 반복문은 for문 입니다. for 문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리합니다. for문에서는 몇번 반복했는지 기록하기 위해 카운터를 사용하고 for문의 첫 번째 항에서 카운터 변수를 지정합니다. for문은 공부할 때 실행 순서가 헷갈리기 쉽습니다. 그러므로 초깃값은 처음에 한번만 할당하고 조건 체크와 명령 실행, 증가식을 계속 반복한다고 생각하시면 됩니다.

See the Pen Untitled by ture403 (@ture403) on CodePen.

02.forEach문

foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map,Set 지원)

배열의 요소들을 반복하여 작업을 수행할수 있습니다.

foreach구문의 인자로 callback함수를 등록할수 있고, 배열의 각 요소들이 반복될 떄 이 callback 함수가 호출됩니다. callback 함수에서 배열요소의 인덱스와 값에 접근할수 있습니다.

See the Pen forEach문 by ture403 (@ture403) on CodePen.

03.for in문

객체에 사용 할수 있습니다.

객체의 key값과 value 값을 뽑아내는데 유용합니다.

객체의 키값의 갯수만큼 반복하여 첫번쨰키값부터 마지막 키값까지 반복합니다.

See the Pen for in 문 by ture403 (@ture403) on CodePen.

04.for of문

자바스크립트 for...of문은 ES6에서 도입된 새로운 반복문입니다. 이 반복문은 배열, 문자열, 맵(Map), 셋(Set), 제너레이터(Generator) 등과 같은 반복 가능한(iterable) 객체를 순회할 때 사용됩니다. for...of문은 반복할 객체의 요소 값을 가져와서 반복 동작을 수행합니다.

See the Pen for of by ture403 (@ture403) on CodePen.

짝수 홀수 구별 프로그램

See the Pen for 홀수 프롬 by ture403 (@ture403) on CodePen.