JS 반복문

반복문 (Loops)

프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 하는 방법입니다. 자바스크립트에서 사용할 수 있는 반복문의 형태는 다음과 같습니다.

• for문
• for..in문
• 배열반복문 (forEach(), map(), reduce(), filter(), every(), some())

for문

for문은 어떤 특정한 초기값의 조건이 거짓으로 판별될 때까지 반복합니다.

for (초기값; 조건;업데이트) { 반복적으로 실행할 명령문 }

위 코드에서 초기값은 'let 바나나=1' 입니다. for문이 시작할 때 한번 실행되는 구문으로 초기 변수값을 선언합니다.
조건은 '바나나<5' 입니다. 바나나가 5이하이면 명령문 을 반복하고 5이상이면 실행이 중지됩니다.
업데이트는 '바나나++'  입니다. 바나나값을 1씩 증가시킵니다.

for..in문

for..in문은 객체 또는 배열의 자료형에서 값의 개수만큼 반복하는 함수입니다. 

for (변수 in 객체(배열)) { 실행 구문 }

배열 반복문

배열형 자료 뒤에 붙여서 사용하는 반복 함수는 forEach(), map(), reduce(), filter(), every(), some() 등이 있습니다.

• .forEach(함수)문은 배열형 자료뒤에 붙여서 사용하는 명령(메서드)이며 배열 요소의 개수만큼 반복하여 작업을 수행합니다. 배열의 첫번째 값부터 마지막 값까지 반복하면서 매개변수로 값을 받아와 명령문을 실행합니다.

배열.forEach((매개변수)=>{ 실행내용 })

• .map(함수) 은 return 과 함께 쓰이며 새로운 배열을 반환합니다.

배열.map((매개변수)=>{ return 반환할 값 })

• .reduce(함수)는 return 과 함께 쓰이며 배열의 각 요소에 대해 함수를 실행하고 누적된 값을 반환합니다.

배열.reduce((변수1, 변수2)=>{ return 변수1, 변수2를 계산하여 반환할 값 })

• .filter(함수)는 return 과 함께 쓰이며 배열의 각 요소중에 주어진 조건을 만족하는 요소만을 필터링하여 반환합니다.

• .every(함수)는 배열의 모든 원소가 조건에 맞는지 검사하합니다. 모든 원소가 조건을 만족하면 true, 하나라도 만족하지 않으면 false를 반환합니다.

• .some(함수)는 배열의 1개 요소만 조건을 만족하면 true, 모든 요소가 만족하지 않으면 false를 반환합니다.