lflov

JavaScript 5. 조건문 본문

JavaScript

JavaScript 5. 조건문

마젠토브힘내부왕 2022. 8. 15. 19:13

조건문에는 if문과 switch 문이 있다

 

1. if 문

 

if(조건) {

   조건이 참일때 실행되는 함수

}

 

위와 같은 방식으로 쓸수있다 

 

var x = 10;

 

if ( x >1){

  console.log(x);

}

 

이렇게 코드를 작성한다면 x>1 이라는 조건이 참이므로 중괄호 안에있는 console.log(x) 를 실행하게 된다

 

여기서 else를 쓸수 있는데

 

var x = 10;

 

if( x<1 ){

   console.log(x);

}

else{

  console.log('1');

}

 

else문은 if 우측의 조건이 거짓일때 if문의 중괄호는 실행되지 않고 그대신에 else문의 중괄호 안에있는것을 실행하게 하는것을 의미한다.

 

위의 코드에선 console에 1이 찍히게 된다.

 

여기서 else if도 사용할수 있는데

 

if(조건){

}

else if(조건){

}

else(조건){

}

여기서 else if는 if의 조건이 거짓일경우 else문으로 넘어가는데 else 뒤에 있는 if로 인해 두번째 조건이 참일경우 else if 중괄호에있는걸 실행하고 거짓일경우 뒤에있는 else문의 중괄호로 실행된다

 

if문에서 중괄호의 내용까지 한줄로 작성할경우

 

if(조건식) 참일경우실행; 

위와 같은 방식으로 작성가능하다 이때 중괄호는 생략이 가능하다 참일경우 실행부분이 한줄일때만 가능하다

 

2. switch 문

 

switch(표현식){

 

case 표현식의 값 :표현식의 값이랑 동등할 경우  실행할 코드

break;

case 표현식의 값 : 표현식의 값이랑 동등할 경우 실행할코드

break;

 

default : 

}

 

위와 같은 방식으로 작성하는데 switch의 표현식은 조건문과 다른느낌이다

 

 

예시를 들면

 

var x;

switch(x){

 

case 1: console.log("1입니다!")

break;

case 2: console.log("2입니다!")

break;

default : console.log("1과 2는 아니에요!")

}

 

여기서 변수 x의 값을 입력받는다고 할때 

x가 1일경우 console.log("1입니다!")을 실행한다.

x가 2일경우 console.log("2입니다!")를 실행한다

 

switch문의 표현식의 값이 해당되는게 없을경우

 

default: 에 문구가 실행된다!

 

switch문에서 표현식의 값이랑 동등할 경우 실행할코드에 ;(세미콜론)은 붙이지 않는다

 

break;문 전까지 실행하므로 break문을 꼭 작성하여야 한다 ( 만약 break문이 없을경우 switch 1 2 둘다 실행된다 > 이것이 필요할경우 고의로 break문 안써줄수도있따.)

 

switch의 표현식에는 변수 함수 등이 들어간다

 

'JavaScript' 카테고리의 다른 글

Javascript 7. 피보나치 수열 실습  (0) 2022.08.15
Javascript 6. 반복문  (0) 2022.08.15
JavaScript 4. 기타 연산자  (0) 2022.08.15
JavaScript 3. 논리 연산자  (0) 2022.08.15
JavaScript 2. 비교연산자  (0) 2022.08.15