잇뉴얼 (IT_Manual)

[JavaScript] 자바스크립트 조건문 본문

Coding/JavaScript

[JavaScript] 자바스크립트 조건문

잇뉴얼 2022. 5. 31. 22:03
728x90
반응형

[JavaScript] 자바스크립트 조건문


프로그램을 코딩할때 일방통행처럼 하나만 실행하는게 아니라, 여러 조건에 따라 그 조건에 맞는 코드를 실행할 수 있도록 만들경우가 많습니다. 여러 조건에 따라 코드를 실행할 수 있도록 하는 코드가 바로 '조건문'인데요. 이번 포스트에서는 '조건문'에 대해 다뤄보도록 하겠습니다.

▶ if 문
let num = 1

if (num === 1) {
    console.log(`이 값은 ${num} 값이 맞습니다.`)  // 조건이 맞으므로 코드 실행
}

if (num === 2) {
    console.log(`이 값은 ${num} 값이 맞습니다.`)  // 조건이 맞지 않으므로 코드 실행 X
}

' if ' 말 그래도 '만일'이라는 뜻으로, '()'괄호안의 조건이 맞을 경우, '{}'괄호안에 코드를 실행하게 되며, 조건이 맞지 않을경우, 코드가 실행되지 않게 됩니다.

let num = 1

if (num === 1) {
    console.log(`이 값은 ${num} 값이 맞습니다.`)
}

if (num == '1') {
    console.log(`number데이터와 string데이터이지만 ${num} 값이 맞습니다.`)
}

참고로 '비교문'에 일치연산자를 사용할시에, 같은지 확인하는 연산자는 2가지('===','==')가 있는데, '=='연산자의 경우, 데이터 타입 상관없이 값이 같을경우, 조건이 맞다고 판단을 하니, 될 수 있다면 '==='을 사용하도록 합시다.

if ~ else 문
let num = 1

if (num === 2) {
    console.log(`이 값은 ${num} 값이 맞습니다.`)
} else {
    console.log(`조건과 다른 값입니다.`)
}

'if ~ else'문은 2가지의 조건으로 조건이 맞지 않을시에 'else'의 괄호안 코드를 실행하게 됩니다. 만일 조건 ( if )이 맞다면 해당 코드가 실행되며, 'else'안에 있는 조건은 실행되지 않습니다.

if ~ else if ~ else 문
let num = 1

if (num === 2) {
    console.log(`if 조건문이 맞습니다.`)
} else if (num === 1) {
    console.log(`else if 조건문이 맞습니다.`)
} else {
    console.log(`모든 조건이 맞지 않아 else 코드가 실행되었습니다.`)
}

'if ~ else if ~ else'문은 2가지 이상의 조건문일 경우, 사용하게 됩니다. ' if ',' else if '의 ' () '괄호안에는 조건들을 작성하며, 조건들중 맞는 조건의 코드를 실행하며, 작성한 조건들이 맞지 않을경우 'else' 안의 코드를 작동하게 됩니다. 위의 코드의 경우 ' else if '안의 조건이 맞아, 해당 코드가 실행된 모습을 볼 수 있습니다.

반응형
Comments