Condition : 조건문

Ming·2023년 7월 26일

JavaScript

목록 보기
7/15

Condition : 조건문

👀 조건이 참일때만 명령문을 실행, 거짓인 경우 다른 명령문 실행!

if문

주어진 Boolean으로 평가될 수 있는 표현식의 결과에 따라 실행할 코드 블록을 결정한다. = 참, 거짓에 따라 코드 실행

  • 참(ture)일 경우, if문 다음의 코드 블록이 실행, 거짓(false)일 경우 다음의 코드 블록이 실행
  • else문은 모든 조건에 해당이 되지 않을때 실행할 코드가 있을 경우 실행
  • if, else문은 2번 이상 사용할 수 없지만 추가 조건이 필요할 경우 else if를 여러번 사용 가능
  • else if, else문은 옵션으로 사용할 수도, 사용하지 않을 수도 있음
  • 코드 블록 내의 문이 하나뿐이면 중괄호를 생략할 수 있음
if (condition 1){ // 조건식1
	코드} // 조건식1이 참이면 이 코드 블록이 실행
else if(condition 2){ // 조건식2
	코드} // 조건식2이 참이면 이 코드 블록이 실행
else{
    코드} // 조건식이 거짓이면 이 코드 블록이 실행

예시

const num = 10;

if(num == 3){
  console.log('Hello');
}
else if(num < 11){
  console.log('world!');
}
else{
  console.log('Hi!');
}
// console창에 'world!' 출력!

삼항연산자

조건에 맞으면 실행할 수 있는 코드를 구분해주는 연산자

  • 조건문 물음표(?), 조건문이 참(true)일 경우 실행할 표현식, 콜론(:), 조건문이 거짓(false)일 경우 실행할 표현식이 배치
조건식 ? 실행문(true) : 실행문(false)

예시

const num = 10;

// num이 10보다 크면 true 작으면 false
if(num>10){
	console.log(true)
}
else{
	console.log(false)
}
// console창에 false 출력!

// num이 10보다 크면 true 작으면 false
num >10 ? console.log(true) : console.log(false);
// console창에 false 출력!

// => 위의 두 코드는 같은 결과이다!

switch문

단일조건을 분류하여 실행문을 만들어 주는 제어문

  • 변수값에 해당하는 경우 그 값에 해당하는 case의 실행코드를 실행
  • 각 case 끝에 break를 반드시 써야한다!
  • default는 해당 case가 없으면 실행 (필요시 사용하며 끝에 break를 쓰지 않는다)
switch(변수){
	case 경우1 :
		경우 1일때(true일때) 실행코드;
		break;
	case 경우2 :
		경우 2일때(true일때) 실행코드;
		break;
	default: 실행문;
}

예시

const name = 'min';

switch (name) {
  case 'su':
    console.log('hello su!');
    break;
  case 'min':
    console.log('hello min');
    break;
  default:
    console.log(`${name} how are you?`);
}
// console창에 hello min 출력

0개의 댓글