자바스크립트 반복문

자바스크립트 반복문

 

📌  for in 반복문

for (const 반복 변수 in 배열 또는 객체) {
	문장
}

    <script>
        const todos = ['우유 구매', '업무 메일 확인하기', '필라테스 수업']

        for(const i in todos){
            let n = Number(i) + 1
            console.log(`${n} 번째 할 일 : ${todos[i]}`)
        }
    </script>

가장 초창기에 만들어진 반복문 형태로 코드를 추가해서 사용해야 안정적으로 쓸 수 있는 조금 위험한 반복문.

for of 반복문이나 for 반복문을 활용하는 것이 좋다.

---

📌  for of 반복문

for (const 반복 변수 of 배열 또는 객체) {
	문장
}

    <script>
        const todos = ['우유 구매', '업무 메일 확인하기', '필라테스 수업']

        for(const todo of todos){
            console.log(`오늘의 할 일 : ${todo}`)
        }
    </script>

---

📌  for 반복문

횟수를 중심으로 또는 배열을 중심으로 반복할 때 사용

for(let i=0; i<반복횟수; i++){
	문장
}

 

1에서 n까지 더하기

    <script>
        let output = 0
        for(let i=0; i<=100; i++){
            output += i
        }
        console.log(`1~100까지 숫자를 모두 더하면 ${output}입니다.`)
    </script>

 

1에서 n까지 곱하기

    <script>
        let output = 1

        for(let i = 2; i <= 100; i++){
            output *= i
        }
        
        console.log(`1~100의 숫자를 모두 곱하면, ${output}입니다.`)
    </script>

---

📌  while 반복문

조건을 중심으로 반복할때 사용

while(불 표현식){
	문장
}

true일때 문장이 반복된다.

 

    <script>
        let i = 0
        while(confirm('계속 진행하시겠습니까?')){
            alert(`${i}번째 반복입니다.`)
            i = i + 1
        }
    </script>

사용자가 [취소] 버튼을 누르면 boolean값이 false가 되면서 while 반복문에서 빠져나오게 된다.

---

📌  break

반복문을 벗어날때 사용하는 키워드 

 

📌  continue

반복문안에 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행

skip 개념이라고 이해하면 코드 이해하기 편하다.

 

10보다 작은 수 중 짝수값만 더하기

    <script>
        let output = 0

        for(i = 0; i <= 10; i++){
            if(i % 2 == 1){
                continue
            }
            output += i
        }

        alert(output)
    </script>

---

📌  중첩 반복문

피라미드 만들기

    <script>
        let output = ''

        for(let i=0; i<9; i++){
            for(let j=0; j<=i; j++){
                output += '*'
            }
            output += '\n'
        }

        console.log(output)
    </script>

 

---

📌  중첩반복문 응용

피라미드 만들기

    <script>
        let output = ''
        const size = 5

        for(let i=0; i<size-1;i++){
            for(let j=size-1; j>i; j--){
                output += ' '
            }
            for(let k=0; k<2*i+1; k++){
                output += '*'
            }
            output += '\n'
        }

        for(let i=0; i<size; i++){
            for(let j=0; j<i; j++){
                output += ' '
            }
            for(let k=2*size; k>2*i+1;k--){
                output += '*'

            }
            output += '\n'
        }

        console.log(output)
    </script>

---

참고한 책 : 혼자 공부하는 자바 스크립트