[JS] for / for ~ in / while / do ~ while

for / for ~ in / while / do ~ while 공통점이라면? 바로 반복문 이라는 것!

평소에는 for문만 쓰다보니 다른 반복문들의 사용법을 매번 구글링 해서 쓰고 그랬는데
이번 공부로 익혀갔으면 좋겠다.😅 역시 많이 쓰는게 답이겠지만...

1. For 문

for(let i=0; i <= 10; i++) {
  console.log(i); // 0 ~ 1 이 차례대로 나온다.
}

for문의 사용법은 우선 범위를 지정해줘야한다.
()안에 순서대로 ('시작범위'; '목표범위'; '증감자')가 들어가는데
위의 경우엔 순서대로 i가 0부터(i=0) 돌면서 1씩 증가(i++)하다가 i 가 범위인 10(i <= 10)이 되면 끝난다.

정~~~말 많이 사용되는 구문이기에 꼭 숙지하는게 좋다. 미래를 위해서라도 🥲

2. For ~ in 문

let person = {
    name : "jon",
    age : 30,
    gender : "male"
}

for(let key in person) {
	console.log(key + ": " + person[key]) // name: jon age: 3 gender: male
}

For ~ in 문은 좀 독특하게 생겼는데 객체 안의 값을 가져올때 사용한다.
for()까지는 똑같지만 ()안에 '변수명' + in + '객체의 변수명' 형태로 사용한다.

이 내용은 다음 글에서 추가적으로 다룰 예정!

3. break

for(let n=0; n<=10; n++){
    if(n == 5){
        break; // 끝내버린다
    }
    console.log(n); // 0 1 2 3 4
}

break를 만나는 지점으로부터 뒤의 요소들은 나오지 않는다.

4. continue

for(let n=0; n<=10; n++){
    if(n == 5){
        continue; // 다음 순서로 넘어간다
    }
    console.log(n); // 0 1 2 3 4 6 7 8 9 10 -> 5 건너 뛰기!
}

continue를 만나면 해당 지점을 건너뛰고 다음 요소들까지 출력한다.
여기서 포인트는 건너뛰고 !

사실 break 와 continue는 switch문에서만 사용해봐서
switch문이 아니면 사용하면 안되는 줄 알았는데 일반적으로도 사용할 수 있다는 점에서 놀라웠다.

위 사실을 통해 생각외로 프로그래밍의 세계는 빡빡하지 않다는 생각이 들었다. 😯