조건문 Conditional Statements

조건문 Conditional Statements

프로그램에서 주어진 조건의 참 또는 거짓에 따라 다른 코드 블록을 실행하는 구조

가장 기본적인 조건문은 If문 과 else문이다.

조건문을 사용함으로써 프로그램의 흐름을 동적으로 제어할 수 있다

사용자의 입력이나 다른 조건에따라 다른 작업을 수행할 수 있다.

특정 조건이 참이냐 거짓이냐에따라 실행할 코드를 지정할 수 있다.

 

조건문의 종류

if문 , else 문 , else if문 , switch문

 

조건문의 사용

조건문은 프로그램 내에서 의사 결정을 필요로 하는 모든 곳에 사용될 수 있다.

예를 들어, 사용자의 입력 값에 따라 다른 작업을 수행하거나, 특정 변수의 값에 따라 다른 메시지를 표시하는 등의 작업에 활용된다.

if문

주어진 조건이 참일때 코드블록 실행

if ( 조건 ) {
	// 조건이 참일때 실행할 코드 
    
}

 

 

 

 

else문

if문의 조건이 거짓일때 코드블록 실행

if(조건) {
	//조건이 참일때 실행
    
 } else{
 
 	//조건이 거짓일때 실행
    
  }

 

 

else  if문

여러 조건중에서 참인 조건을 찾아 해당 코드 블록 실행

if문 다음에 여러개의 else if 문을 사용할 수 있으며 모든 조건이 거짓일때 마지막에 else문 사용

if (조건1) {
    // 조건1이 참일 때 실행할 코드
} else if (조건2) {
    // 조건1이 거짓이고, 조건2가 참일 때 실행할 코드
} else {
    // 모든 조건이 거짓일 때 실행할 코드
}

 

 

switch문

표현식의 결과값에 따라 다른 코드 블록 실행, 각 경우는 case 키워드로 표시되며 일치하는 case가 실행됨

모든 경우에 일치 하지 않을때는 default 절이 실행됨

switch (표현식) {
    case 값1:
        // 표현식의 결과가 값1과 일치할 때 실행할 코드
        break;
    case 값2:
        // 표현식의 결과가 값2와 일치할 때 실행할 코드
        break;
    default:
        // 어떤 case도 일치하지 않을 때 실행할 코드
}

 

예제1

<h1>Conditional statements</h1>
<h2>Program</h2>

<script>
document.write("1<br>");
document.write("2<br>");
document.write("3<br>");
document.write("4<br>");
</script>



<h2>If - true </h2>
<script>
document.write("1<br>");
if(true){
	document.write("2<br>");
}else{
	document.write("3<br>");
}
document.write("4<br>");
</script>



<h2>If - false </h2>
<script>
document.write("1<br>");
if(false){
	document.write("2<br>");
}else{
	document.write("3<br>");
}
document.write("4<br>");
</script>

 

조건문을 사용하여 사용자의 행동, 브라우저의 종류, 화면의 크기, 특정 데이터의 존재 여부 등에 따라 다른 내용을 보여주거나 다른 스타일을 적용할 수 있다.