본문 바로가기
JavaScript

[생활코딩] javascript - 조건문

by Hello Do. 2016. 5. 19.

본 강의 학습은 [생활코딩]를 통하여 학습하고 있습니다.


1. JavaScript - 조건문(1/5) : 조건문이란


[생활코딩 설명]

조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean이다. 

Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다.


if(true){

    alert('result : true');

}


if(false){

    alert('result : true');

}


: 더 복잡한 상황을 처리 할때

처음 if 괄호를 비교 하고 해당 사항이 없다면 else가 실행이 된다.

if(true){

    alert(1);

} else {

    alert(2);

}


2. JavaScript - 조건문 (2/5) : else, else if


else if를 사용하면 좀 더 다양한 조건을 사용 할 수 있다.

else if는 여러개 올 수 있다.

if(false){

    alert(1);

} else if(true){

    alert(2);

} else if(true){

    alert(3);

} else {

    alert(4);

}



3. JavaScript - 조건문 (3/5) : 조건문의 응용


조건문의 중첩

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

</head>

<body>

    <script>

        id = prompt('아이디를 입력해주세요.');

        if(id=='egoing'){

            password = prompt('비밀번호를 입력해주세요.');

            if(password==='111111'){

                alert('인증 했습니다.');

            } else {

                alert('인증에 실패 했습니다.');

            }

        } else {

            alert('인증에 실패 했습니다.');

        }

    </script>

</body>

</html>




4. JavaScript - 조건문 (4/5) : 논리 연산자


&& : &&는 좌항과 우항이 모두 참(true)일 때 참, AND 연잔자

if(true && true){

    alert(1);

}


<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

</head>

<body>

    <script>

        id = prompt('아이디를 입력해주세요.');

        password = prompt('비밀번호를 입력해주세요.');

        if(id=='egoing' && password=='111111'){

            alert('인증 했습니다.');

        } else {

            alert('인증에 실패 했습니다.');

        }

    </script>

</body>

</html>


|| : '||'는 '||'의 좌우항 중에 하나라도 true라면 true, OR 연산자


id = prompt('아이디를 입력해주세요.');

password = prompt('비밀번호를 입력해주세요.');

if((id==='egoing' || id==='k8805' || id==='sorialgi') && password==='111111'){

    alert('인증 했습니다.');

} else {

    alert('인증에 실패 했습니다.');

}


! : '!'는 부정의 의미로, Boolean의 값을 역전, true를 false로 false를 true로, NOT 연산자

if(!true && !true){

    alert(1);

}


5.JavaScript - 조건문 (5/5) : boolean의 대체재



if(0){alert(1);} // 실행 안됨
if(1){alert(1);} // 실행 됨

참고 : A standard IF statement.