📅 TIL #11

1. 반복문 for while

:point_right: for, while :

1-1 for loop 문법

반복문은 반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다.

1. 초기화 : 시작부분이라고도 표현할 수 있다. i = 0 // 0부터 시작하겠다.
2. 조건식 : 보통 언제까지 반복하겠다. 이런식으로 쓰인다. i <= 5라고 하면 0 부터 0, 1, 2, 3, 4, 5 를 돌게 된다. ‘몇 번 반복하겠다’ 라는 뜻으로도 쓰인다.
3. 증감문 : i++ , i+=2 이런식으로 i 가 1씩 증가할꺼냐, 2씩증가할꺼냐 반대로 감소해주는 방식도 있다.

기본적인 문법을 알아보았으니, 간단한 문제를 예시로 들어보자!:facepunch:

// num = 3

let sum = 0;

for (let i = 0; i <= num; i++) {
    sum = sum + 1;
}

console.log(num) // 6 

이 코드가 바로 반복문의 기초라고 할 수 있다! i는 0부터 num 까지 하나씩 순회를 한다.

console.log('i = 0', i) // 0
console.log('i = 1', i) // 1
console.log('i = 2', i) // 3
console.log('i = 3', i) // 6

이런식으로 1씩 순회를 하면서 조건에 만족한 값을 낸다고 보면 된다.

1-2 while loop 문법

for loop와 큰 차이는 없는데, 다만 구조적으로 차이가 있다.

let i = 0;
while (i < num) {
    i++;
}

이렇게 보면 언제 for loop를 사용하고, 언제 while loop를 사용하지? 라고 생각할 수 있지만, 간단한 기준점이 있다.

만약 내가 언제, 어디까지 반복을 해줘야될지 모르겠다? =? while loop

언제까지 반복해야 되는지 명료하게 나타낸다 => for loop

2. double for loop 문법

let str = 'abc';
for (let i = 0; i < str.length; i++) {
    console.log(str[i]);
    
    for (let j = 0; j < str.length; j++) {
        console.log(str[j]);
    }
}

// i와 j가 어떻게 반복하는지 파헤쳐 보자! 

i = a <
j = a
j = b
j = c
// j가 다 돌았으니까 다시 i 부터
i = b <
j = a
j = b
j = c
// j가 다 돌았으니까 다시 i 부터
i = c <
j = a
j = b
j = c

이 코드만 잘 이해해도 이중 for문은 충분히 이해가 될 것이라고 생각된다!

👊 내일의 TIW(today I Will)

html, css 기초