[JavaScript]반복문(while문 ,for문) 제어와 중첩

반복문

Loop,iterate

대표적인 문법으로 while문과 for문이 있다.(~하는 동안 반복적인 작업을한다.)

 

while문

while의 문법(하단)
while(조건){
  반복해서 실행할 코드
}
조건에 boolean값이 들어가야한다. 
조건의 값이 true인 동안에 중괄호 사이의 반복하고자하는 코드가 false값이 될 때까지 반복한다.

무한루프(무한반복)

즉, 어떠한 반복이 실행될때, 끊임 없이 반복되어 컴퓨터에게 부담을 주는 상황

이를 해결하기 위해 반복문이 적절한 상황에서 false가되는 것이 중요하다.

var i = 0;

while(i < 10){
  document.write("Codinglog "+ i +"<br />");
  i = i + 1;
}

while의 3가지 조건

1.초기화 var i = 0;

2.반복 조건 i<10

3.반복 실행 i = i +1;

for문

for(var i = 0; i < 10; i = i + 1){
  document.write("Codinglog "+ i +"<br />");
}
/*
for문의 반복 과정 *구성요소의 순서(하단)가 중요하다.
1. 초기화 for문이 실행될때 한번만 실행된다.
2. 반복조건 실행 true값일때 실행
3. 반복 조건이 true이기 때문에 반복문이 반복 실행된다.
4. false값이 나올때 까지 2 와 3의 과정을 반복한다.
*/

반복문의 제어

break

반복 작업을 중단 시키고싶은 곳은 break코드를 작성해준다.

for(var i = 0; i < 10; i++){
  if( i ====5){
    break;
  }
  document.write("Codinglog "+ i +"<br />");
}
//의미:break를 만나면 현재 반복문을 완전히 중단하고 반복문 바깥으로 빠져나가라

continue

for(var i = 0; i < 10; i++){
  if( i ====5){
    continue;
  }
  document.write("Codinglog "+ i +"<br />");
}
//i값이 5일때 continue를 만난다. continue를 만나면 현재 반복문을 완전히 중단되고 다시 반복문을 실행해라

 

 

break와 contiue의 차이점

break	continue
반복문을 종료	조건을 만족한 순간은 종료, 그 이후 반복문은 실행된다.

 

반복문의 중첩

for (var i = 0; i < 10; i++){
  for( var j=0; j<10;j++){
    document.write("codinglog"+ i + j +"<br/>");
  }
}
  /* 
  codinglog 문장 뒤에는 i와 j의 합으로 출력되지않는다.
  (why?) JS에서는 문자열과 숫자열이 결합되어있는 조건이라면, 숫자를 자동으로 문자열로 바꾸는 기능을 가지고 있다.
  */
// i와 j의 값을 더한 후에 출력
// String은 숫자인 i와 j의 데이터 타입을 문자로 형태를 변환하는 명령이다. 
// String()을 제거하고 실행해보면 의미가 좀 더 분명하게 드러날 것이다.