WEB/JAVASCRIPT

자바스크립트 반복문

aimee418 2023. 2. 23. 20:41

“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”

- Frederick Philips Brooks
Mythical Man-Month 저자
728x90
반응형

" 반복문

같은 동작을 여러 번 실행하기 위해 사용하는 문이다.

불필요하게 여러 명령을 늘어 놓을 필요없이 명령을 반복 실행할 수 있다. 

그만큼 소스가 깔끔하고 프로그램 실행도 빠르다.


 

01/  for문

자바스크립트에서 가장 많이 사용하는 반복문이다.

조건에 들어가는 값이 일정하게 커지면서 명령을 반복실행 할 때 쓴다.

 

for문 기본형

01/ 초깃값 : 카운터 변수. 몇번 반복할 지 지정하기 위해 카운터 변수를 선언하고 초기화한다. 0이나 1부터 시작. 

02/ 조건 : 문장을 반복하기 위해 체크할 조건

03/ 증가식 : 보통 카운터값을 하나씩 증가시키는 용도로 사용

 

for문을 사용한 예제

 

02/  forEach문

배열에서는 forEach문을 사용해서 좀더 쉽게 반복한다.

 

forEach문 기본형

/ 콜백함수란, 다른함수의 인수로 사용할 수 있는 함수를 가리킨다.

 

프로그램 중에서 배열의 길이가 바뀌어 정확하게 배열의 크기를 알 수 없을 떄,

배열의 요소를 가져와서 함수를 실행해야 할 때 forEach 문을 사용한다. 

 

03/  forEach문 사용법

배열의 변수이름은 복수형, 각 요소는 단수형으로 사용한다.

forEach문으로 배열값 가져오기

 

 

04/  for...in문

반복해서 객체의 값을 가져와 처리할수 있다.

for...in문 기본형

for...in문은 객체의 키만 카져올 수 있으므로 해당 키의 값에 접근하려면 대괄호([])를 사용한다. 

for...in문으로 키와 값 가져오기

 

 

05/  for...of문

문자열이나 배열과 같은 반복가능 가능자료에서 사용하는 반복문이다.

forEach문에 작성해던 코드를 for...of문으로도 작성할 수 있다.

 

for...of 문으로 배열값 가져오기