JavaScript- 조건문

※ 강의를 듣고 제가 이해한 것을 바탕으로 정리한 것이라서 오류가 있을 수 있습니다.

 

 

1. if문

// if문 : 조건이 만족되면 {}안의 코드 실행
const a = 1;
if (a + 1 === 2) {
  console.log('a + 1 이 2 입니다.');
}

if문은 if뒤의 소괄호 안의 조건이 만족되면 중괄호 안에 있는 코드를 실행하는 문법이다.

 

실행 결과

조건이 만족되어 화면에 'a+1 이 2입니다.'가 출력되는 것을 알 수 있다.

 

 

 

2. if~else문

// if~else문 : if문의 조건이 만족 되면 if문 아래 코드 실행하고 만족되지 않으면 else문 아래 코드 실행
const b = 10;
if (b > 15) {
  console.log('b 가 15 큽니다.');
} else {
  console.log('b 가 15보다 크지 않습니다.');
}

if~else문은 if문의 조건이 만족되면 if문 아래의 코드를 실행하고 그렇지 않으면 else문 아래 코드를 실행하는 문법이다.

만약에 특정 조건이 만족할 때와 만족하지 않을 때 서로 다른 코드를 실행해야 된다면 if~else문을 사용하면 된다.

 

실행 결과

if문의 조건이 맞지 않아서 else문 아래에 있는 코드가 실행되었다.

 

 

 

 

3. if~else if문

/* if~else if문: 여러 조건에 따라 다른 작업을 해야 될때 사용되며 if문의 조건이 만족되지 않으면
그 밑의 else if문의 조건을 검사하고 그것도 만족되지 않으면 그 아래를 검사하고 그런식으로 진행
하면서 조건이 만족되는 것을 만나게 되면 그 코드를 실행한다. */

const c = 10;
if (c === 5) {
  console.log('5입니다!');
} else if (c === 11) {
  console.log('11입니다!');
} else if (c === 7) {
  console.log('7입니다!');
} else if (c === 10){
  console.log('10입니다!');
} else {
  console.log.log('숫자가 아닙니다!');
}

if~else if문은 여러 조건에 따라 다른 작업을 해야 될때 사용된다.

 

실행결과

 

 

 

4. switch / case문

// switch / case문 : 특정 값이 무엇이냐에 따라 다른 작업을 하고 싶을 때 사용한다.

const device = 'iphone';

switch (device) {
  case 'iphone':
    console.log('아이폰!');
    break;
  case 'ipad':
    console.log('아이패드!');
    break;
  case 'galaxy note':
    console.log('갤럭시 노트!');
    break;
  default:
    console.log('모르겠네요..');
}

switch / case문은 특정 값이 무엇이냐에 따라 다른 작업을 하고 싶을 때 사용한다.

switch / case문에서는 각 case에서 실행할 코드를 작성하고 break;를 꼭 써주어야 한다.

그렇지 않으면 다음 case까지 쭉 실행되기 때문이다.

그리고 맨 아래의 default는 case로 정해 놓지 않은 값이 입력 되었을때 실행할 코드를 정할때 사용한다.

 

 

실행 결과