잇뉴얼 (IT_Manual)

[JavaScript] 자바스크립트 반복문 본문

Coding/JavaScript

[JavaScript] 자바스크립트 반복문

잇뉴얼 2022. 6. 1. 00:31
728x90
반응형

[JavaScript] 자바스크립트 반복문


프로그램안에, 코드를 반복적으로 실행해야 될 경우가 있습니다. 이러한 반복적인 일을 하나하나 코드로 작성하기에는 너무 오래걸릴수가 있으므로, 반복적으로 코드를 실행해야될 경우, '반복문'을 이용하면, 코드가 좀 더 간결해질껍니다.

▶ for 문
for (초기 변수; 조건식; 증감식) {
	반복한 코드 작성
}
for 문0 설명 예시
초기 변수 변수를 선언하고 값을 할당 let i = 0;
조건식 for문이 작동하는 조건 지정 i < 10;
증감식 변수 증가 혹은 감소 (잘못 작성하면 무한루프[무한반복]에 빠질수 있음) i++
for (let i = 0; i < 10; i++) {
    console.log(`${i} 번째 코드를 실행합니다.`)
}

// console.log(`0 번째 코드를 실행합니다.`)
// console.log(`1 번째 코드를 실행합니다.`)
// console.log(`2 번째 코드를 실행합니다.`)
// console.log(`3 번째 코드를 실행합니다.`)
// console.log(`4 번째 코드를 실행합니다.`)
// console.log(`5 번째 코드를 실행합니다.`)
// console.log(`6 번째 코드를 실행합니다.`)
// console.log(`7 번째 코드를 실행합니다.`)
// console.log(`8 번째 코드를 실행합니다.`)
// console.log(`9 번째 코드를 실행합니다.`)

해당 코드를 하나하나 실행할려면 위의 주석처리된 코드를 전부 다 작성해야될껍니다. 허나, 'for 문'을 이용하게 되면, 간단하게 코드를 작성할 수 있습니다.

for (let i = 0; i < 10; i) {
    console.log(`${i} 번째 코드를 실행합니다.`)
}

참고로 증감식을 잘못 작성하게 되면, 무한루프(무한반복 코드 실행)으로 빠져서 코드가 빠져나올수 없는 상태가 될 수 있습니다. 

for (let i = 0; i < 10; i) {
    console.log("무한루프 진행중")
    if (i === 0) {
        console.log("i의 값이 0임으로 무한루프에서 탈출하겠습니다.")
        break
    }
}

그렇지만, 무한루프를 사용해야될 경우도 발생합니다. 이럴경우, 조건문을 이용해 조건을 제시한 다음, 조건에 맞을경우 'break'를 이용하여 for문에서 탈출을 할 수 있습니다. 물론, 조건문을 작성하지 않고, for문안에 break를 작성한다면, 굳이 반복문을 작성할 필요가 없겠죠?

▶ while 문
let i = 1
while (i < 10) {
    console.log(`${i}번째 코드가 실행중입니다.`)
    i++
}

while문은 '()'소괄호안에 조건이 맞다면, 해당 코드를 계속 작동하도록 되어있습니다. 위의 코드는, 코드가 한번 실행될때마다 변수 'i'의 값이 1씩 증가하도록 코드를 작성하였습니다. 그리고 i의 값이 10이 되면, 조건과 일치하지 않기 때문에, 코드가 더 이상 반복하지 않게 됩니다.

let i = 1
while (i === 1) {
    console.log(`${i}번째 코드가 실행중입니다.`)
}

for문과 마찬가지로 while문 또한 무한루프(무한 반복 실행)에 빠질수가 있습니다. 코드를 보게되면, 소괄호안의 조건문이 변수 'i'의 값이 1일 경우, '{}'중괄호안의 코드가 계속 반복됩니다. 이 코드는 변수 i의 값에 변화가 없음으로 무한히 코드가 반복되게 됩니다.

let i = 1

while (true) {
    if (i === 7) {
        console.log(`${i}번째 코드에서 break.`)
        break
    }
    console.log(`${i}번째 코드가 실행중입니다.`)
    i++
}

for문과 마찬가지로 while문 또한 break를 통해 멈출수 있습니다. 위의 코드를 보면 while의 조건을 보면 참일 경우 반복하라는 조건인데, 별 다른 조건이 없을경우, 해당 코드는 무한루프에 빠지게 됩니다. 그래서 조건문 if문을 이용하여 만일 'i'의 변수가 7일 경우 break를 이용해 해당 코드를 빠져나오도록 작성을 하였습니다.

반응형
Comments