본문 바로가기
IT ▶/Java & Web

[JavaScript] 조건문 IF, SWITCH, 삼항연산자 개념

by Jordan_ 2019. 4. 5.
728x90

<if문 기본구조>

<if문 기본 설명>

- if문은 조건문으로 중괄호{} 키워드를 통해 사용한다.

- else if, else 문을 통해 지속적으로 조건을 추가해줄 수 있다.

- if문 안에 중첩조건문으로 if, else문을 추가할 수 있다.

 

<if문 예문>

<html>

<head>

<title></title>

<script>

//DATE 날짜 관련 함수

var date = new Date();

var hour = date.getHours();

var date = date.getDate();

var date = date.getFullYear();

var date = date.getMonth();      // 0부터 월 시작

var date = date.getMinutes();

 

if( date < 20){

alert("20일 이전입니다");

}

else if(~) {

}

else if {

}

else{

}

 

alert("현재 시각은" + hour + "시입니다.");

alert("현재 날짜는" + date + "일입니다.");

.....

</script>

</head>

<body> </body>

 

<switch문 기본 설명>

- switch문은 조건문으로 case, default 키워드를 통해 사용한다.

- case 문을 통해 지속적으로 조건을 추가해줄 수 있다.

- break문은 반복문을 종료하고 빠져나가는 곳

 

<switch문 예문>

<html>

<head>

<title></title>

<script>

//DATE 날짜 관련 함수

var date = new Date();

var hour = date.getHours();

var date = date.getDate();

var date = date.getFullYear();

var date = date.getMonth();      // 0부터 월 시작

var date = date.getMinutes();

 

switch(비교할값){

   csae 0:

            alert("A");

   break;

   case 1:

            alert("B");

   break;

   default:

            alert("End");

   break;

}

 

alert("현재 시각은" + hour + "시입니다.");

alert("현재 날짜는" + date + "일입니다.");

.....

</script>

</head>

<body> </body>

 

 

<삼항연산자 기본 설명>

- 항이 3개로 연산

- <표현식> ? <표현식이 참일 때 실행> : <표현식이 거짓일 때 실행>

- 삼항이므로 복잡하지 않게 한줄로 표현 지향

 

<삼항연산자 예문>

<html>

<head>

<title></title>

<script>

 

var num = NUMBER();

 

// ()안의 문장이 참이면 ? 뒤에 문장 실행

// ()안의 문장이 거짓이면 : 뒤에 문장 실행

(num > 0) ? alert("양수입니다.") : alert("음수입니다.");

 

</script>

</head>

<body> </body>

 

 

728x90
300x250