IT 프로그래밍/JSP2014. 1. 25. 20:00

이번에는 자바스크립트에서 if else 문을 사용하는 방법에 대해서 알아보겠습니다.


읽기 전에 손가락 한번 꾸~욱 눌러주세요.^^



우션 형식은 이렇습니다.


if-else는 주어진 조건을 만족시키는 경우 지정된 코드가 실행되도록 하고 싶을 때 사용합니다.


if-else는 다음과 같이 3가지 방식 중 하나로 사용됩니다.



형식 1 

형식 2 

                     형식 3 

if(조건){

    실행 코드 1

}

if(조건){

    실행 코드 1

}else{

    실행 코드 2

}

if(조건 1){

    실행 코드 1

}else if(조건 2){

    실행 코드 2

}else if(조건 3){

    실행 코드 3

}else{

    실행 코드 4

}


형식 1은 조건이 참(true)인 경우에만 코드를 실행시킵니다. 이에 반해 형식 2는 조건이 참(true)인 경우에는 코드 1을 실행하고, 거짓(false)인 경우에는 코드 2를 실행하게 됩니다. 마지막으로 형식 3은 조건 1이 참인 경우에는 코드 1을, 조건 2가 참인 경우에는 코드 2를, 조건 3이 참인 경우에는 코드 3을 실행하게 됩니다. 그리고 앞에 나온 조건들이 모두 거짓(false)라면 마지막 실행 코드 4를 실행하게 됩니다.


간단한 예제를 보도록 하겠습니다.


<html>

<head>

</head>

<body>

<script language="Javascript">

num = 5  // 숫자 5의 값을 가진 변수 num을 선언한다.


if(num > 0){  // num 변수 값이 0보다 큰지 비교한다.

document.write("num 변수의 값은 양수입니다.")

}else if(num < 0){  // num 변수 값이 0보다 작은지 비교한다.

document.write("num 변수의 값은 음수입니다.")

}else{  // num 변수 값이 0보다 크거나 작지 않은 경우

document.write("num 변수의 값은 0입니다.")

}

</script>

</body>

</html>


지금은 num 값이 5 이기 때문에 화면에는 "num 변수의 값은 양수입니다." 가 출력되고 끝이나게 됩니다.

만약 num 값을 -3 으로 주게 된다면 화면에는 "num 변수의 값은 음수입니다." 가 출력됩니다.

num 값이 0 이라면 "num 변수의 값은 0입니다." 가 출력이 됩니다.

if 문은 제일 위에서부터 조건들을 참 거짓을 구분해 오다가 참을 만나게 되면 아래에 있는 else if 와 else 는 다 무시합니다.

else 는 상위 if문 조건과 else if 문의 조건이 모두 거짓이면 실행이 되어집니다.


쉽게 설명한다고 포스팅을 했는데 이해가 잘 되셨는지 모르겠습니다.

이해가 안되시는 부분은 댓글 남겨주세요~


Posted by 정윤문경아빠