[javascript] 반복문

반복문이 필요한 이유

✅ 어떤 동작을 여러번 실행할 때 불필요한 명령을 여러번 실행하지 않고 소스코드를 간단하게 작성하기 위해서
반복되는 작업을 일일이 하다보면 실수가 일어날 수 있는 상황을 배제할 수 없음

for

for문의 구조

for ([initialization]; [condition]; [final-expression])
statement

1. initialization : 변수 선언, 주로 카운터 변수를 초기화할때 사용한다. var이나 let키워드를 사용해서 새로운 변수를 선언할 수도 있다. (보통 i,j,k사용)

2. condition : 매 반복마다 평가할 식. 평가 결과가 true이면 statement 실행 false면 반복하는 것을 중단한다.

3. fianl-expression : 매번 반복 후 다음번 condition 실행 이전에 발생. 주로 카운터 변수를 증감하거나 바꿀때 사용한다.

4. statement : condition이 true이면 실행, 여러 문을 반복 실행하려면 블럭문({...})으로 묶어야한다.

예시

for(let i = 0; i < 1000; i++){
	console.log(i);
}

_👉 i는 0부터 1000보다 작을 때까지 반복하는데 한번 반복할 때마다 i를 출력하고 반복이 끝나면, i에 1을 더해줘서 i가 1000과 같아지기 전까지 실행한다.
👉 출력값은 0~999 가 될 것이다.

array의 반복문

1. for in

배열의 인덱스 를 반복

let animals = ['lion', 'cat', 'dog', 'hen'];
for (let i in animals){
 console.log(i)
}

👉 결과값

0
1
2
3

2. for of (배열의 요소를 반복)

let animals = ['lion', 'cat', 'dog', 'hen'];
for (let i of animals{
 console.log(i)
}

👉 결과값

lion
cat
dog
hen

while

while문의 구조

while(<불표현식>){
반복실행문
}

예시

let hey = 0
while(true){
    console.log('hello');
    hey++
    if (hey==3){
        break;
    }

👉hey라는 변수를 지정해주고, 불표현식으로 true를 넣어 반복문이 실행되도록 했다. hey++이라는 연산을 넣어서, hey를 1씩 증가시키라고 명령함
👉마지막에 if문과 break를 사용하여 hey 변수가 1씩 증가하다가 3이 될 시에는 while문을 종료해라

결과값 (hello가 3번 출력)

hello
hello
hello

반복문을 종료시키는 방법

1. break keyword

위에서 설명했듯, break라는 키워드는 반복문을 벗어날 때 사용된다.
if문으로 조건을 설정하고 해당 조건을 만족하면 무한반복문을 벗어나게 설정할 수 있다.

만약 아무런 조건문을 사용하지 않은 상태에서 break를 사용한다면 반복문이 1차례만 반복되고 바로 break를 만나기 때문에 바로 종료된다.
(이러면 반복문 사용할 이유 x)

2. 불표현식 자리에 조건을 넣는 방법

let hey = 0
while(hey < 13){
    console.log('hello');
    hey++

불표현식 자리에 if문을 사용하면
break를 사용하지 않더라도
조건이 충족되었을 시에만 while문이 실행된다.

continue keyword

주어진 조건에 해당하는 값을 만나면 해당 반복문을 건너뛰고,
반복문의 맨 앞으로 되돌아가 다음 과정으로 넘어간다.

   for (let i = 0;i <10;i++){
  if ( i == 5)
        continue;
  console.log(i);
}
}

0
1
2
3
4
6
7
8
9
 //5를 건너뜀