JS : 반복문 for(단일, 다중), while문과 continue, break

JS : 반복문 for(단일, 다중), while문과  continue, break

---

자바스크립트 반복문

* 특정 구문을 여러번 반복해서 실행할 때 사용하는 자바스크립트의 제어문입니다.

* 반복문을 사용하면 특정 구문을 여러번 작성하지 않고 재사용(및 중복 제거)를 할 수 있습니다.

 

---

 

 

반복문의 종류

 

1. for

• 가장 일반적으로 사용하는 반복문입니다.
• 반복횟수가 정해진 경우 주로 사용합니다.

2. while

• for로 만들어진 반복문을 비교적 간결하게 처리할 수 있는 반복문입니다. 
  반복 횟수보다는 주어진 조건이 '참'일 경우 반복문을 실행합니다.

반복문 사용 예시

• 게시판의 게시물 목록을 출력 할 때
• 공지사항 목록을 출력할 때
• 메뉴를 만들 때 또는 메뉴 항목을 출력할 때
• 갤러리를 만들 때, 이미지 목록을 출력할 때
• 윈도우 파일 탐색기에서 파일 목록을 출력할 때

 

---

 

 

단일 for문 작성법

1. 변수에 초기값을 부여한다.
2. 초기값을 조건식에 적용한다.
3. 참이면 반복문을 실행, 거짓이면 반복문을 종료한다.
4. 반복문 내의 프로그래밍을 실행한다.
   
5. 초기값을 증가 또는 감소한다. 
   *조건이 참일 경우 3~5번 반복한다.

for (초기값; 조건식; 증감식) { 
	실행 구문; 
}

 

 

 

▼ '자바스크립트' 문자열을 2번 실행시키는 반복문

for (var i=1; i<=2; i++) { 
	console.log('자바스크립트'); 
}

 

 

 

다중 for문 작성법

for (초기값; 조건식; 증감식) { 		
	실행구문1;	
	for (초기값; 조건식; 증감식) { 	
		실행구문2;
	}
}	

 

 

 

 

 

▼ '자바스크립트1', '자바스크립트2' 문자열을 다중 for로 실행시키는 반복문

for (var i=1; i<=1; i++) { 
  for(var j=1; j<=2; j++){
    let str = '자바스크립트'
    str += j
    console.log(str)
  }
}

 

 

▼ '자바스크립트123456' 문자열을 다중 for로 실행시키는 반복문

for (var i=1; i<=1; i++) { 
  let str = '자바스크립트'
  for(var j=1; j<=6; j++){
  	str += j
  }
  console.log(str)
}

 

 

 

---

 

반복문 while

반복처리를 할 때 주로 for문을 많이 사용하지만

무한반복 처리를 할 경우에는 while문을 사용하면 좀더 쉽게 구문 표현이 가능합니다.

ex) 무한반복처리, 파일읽기, 파일 쓰기, 파일전송, DB데이터 출력하기

 

 

▼ for문을 사용할 경우

* 반복횟수가 정해진 경우
* 배열과 함께 사용하는 경우

for(초기값; 조건식; 증감식){	
	실행구문;
}	

 

 

▼ while문을 사용할 경우

* 무한루프나 특정 조건에 만족할때까지 반복할 경우
* 주로 파일 읽고 쓰기에 많이 사용
* 반복 횟수보다는 주어진 조건이 '참'일 경우 반복문을 실행합니다.

초기값;	
while(조건식){	
	실행구문;
	증감식;
}	

 

 

while : continue 제어문

* 반복 실행 중 특정 조건의 경우 실행 구문을 실행하지 않고 다음 루프로 이동하게 하는 제어문입니다.

while(조건식){	
	//실행
	continue;
	//실행안함
}

 

▽ 다음 구문을 실행하면 어떤 결과가 출력될까요?

var i=1;		
while(i<=10){		
	i++;	
	continue;	
	document.write(i);	
}		
document.write('최종'+i);

 

 

▽ 다음 구문을 실행하면 어떤 값이 출력될까요?

for(var i=1; i<=10; i++) {	
    continue;	
    document.write(i+'<br>');	
}	
document.write('최종'+i+'<br>');	

 

 

 

break문

* 반복문에서 루프를 강제적으로 빠져 나오는 기능을 합니다.

* for문은 break문을 만나면 그대로 정지되며 for 루프 밖으로 빠져나가게 됩니다.

while(조건식){	
	//실행
	break;
	//조건문 종료
}

 

▽ 다음 구문을 실행하면 어떤 값이 출력될까요?

for (var i=1; i<=10; i++) {	
    break;	
    document.write(i+'<br>');	
}	
document.write('최종'+i+'<br>');