javascript_반복문

반복문(loop)

: 같은 작업을 같은 자리에서 반복

1. for문

: 몇 바퀴 돌려야할 지 알 때 주로 사용

• for(초기식; 조건식; 증감식){ -> 선언부
  • 초기식 : for문이 최초로 동작할 때 한 번만 실행
    지역변수 같은 것.
  • 제일 빠름.

  for(let i = 0; i < 3; i++){
   	console.log(i);
  }
  -> 0
     1
     2

• for(변수 in 객체)
  • 객체(key-value 무조건 가지고 있어야 함)의 속성들을 나열
  • 알아서 0번째부터 끝까지 동작
  • name과 value를 뽑아서 사용할 수 있음.

  let obj = {x:10, y:11, z:12};
  for(property in obj){
  	console.log("name : " + property + ", value : " + obj[property]);
   }
   -> name : x, value : 10
      name : y, value : 11
      name : z, value : 12

• for(변수 of 배열)
  • 반복 가능한 객체(배열)(key가 없고 n번째만 있음)에서 사용
  • (Array, Map, Set, String 등 사용 가능)
  • 알아서 0번째부터 끝까지 동작

    let arr = {100, 200, 300};
    for(let value of arr){
    	console.log(value);
    }
    -> 100
       200
       300

• forEach
  • 초기, 조건, 증감식들이 없어도 콜백함수를 통해 기능을 수행한다.
    하나씩(each) 값을 가져오면서 몇번째인지도 알아낸다.
  • 배열에서만 사용 가능.

    let arr = {100, 200, 300};
    arr.forEach(function(item, index){
    	console.log(item, index)
    });
    -> 100 1
       200 2
       300 3

2. while문

: 몇 바퀴 돌릴지 모를 때 주로 사용

• 초기, 조건, 증감 분리돼서 구성

초기식;
while(조건식;){
	조건식이 true일 때 실행할 코드;
	증감조건;
}

--------

let i = 0;
while(i<10){
	console.log(i);
	i++;
}

3. do while문

: 최소 1번은 돌릴 때 사용
원치않을 때도 돌리니까 잘 사용해야 함.

초기식;
do{
	첫 실행 + 조건식이 true일 때 실행할 코드;
    증감조건;
}while(조건식;)

break / continue

• break : 해당 루프(스코프)를 멈춤(탈출)

for(let i = 1; i < 5; i++){
	console.log(i);
    if(i == 3){
    	break;
    }
    console.log("for");
}
-> 1for
   2for
   3

• continue : 해당 루프(스코프)를 멈춤(다음 바퀴로 전환)

for(let i = 1; i < 5; i++){
	console.log(i);
    if(i == 3){
    	continue;
    }
    console.log("for");
}
-> 1for
   2for
   3
   4for

중첩

• 반복문안에 반복문
• 보통 i > j > k > q 혹은 i > j > q > k 순으로 쓴다.

  for(let i = 0; i < 5; i++){
  		for(let j = 0; j < 5; j++){
  			for(let k = 0; k < 5; k++){
        	for(let q = 0; q < 5; q++){
        	}
  			}
  		}
  }

개발자 도구에서 무한루프에 강제종료

• Sources > 오른쪽 상단에 있는 일시정지 버튼 클릭
• 계속하기 버튼을 꾹 누르면 정지 버튼이 나온다.
• 정지 버튼을 누른다.