gwooden_코린이

자바스크립트js 조건문 기능 살펴보기 본문

프론트엔드/자바스크립트

자바스크립트js 조건문 기능 살펴보기

gwooden22 2022. 12. 22. 12:48
728x90

1. 조건문

자바를 할줄 알면 자바스크립트에서 조건문을 사용하는건 쉽다.

사용법이 똑같음

 

if (조건식) {

          조건식이 참일 때 실행할 코드

} else {

          조건식이 참일 때 실행할 코드

}

 

let age = prompt('나이를 입력해주세요');

if(age >= 20) {
  alert('성인입니다');
} else if(age === null || age === "") {
  alert('취소');
} else  {
  alert('청소년입니다');
}0

 

2. 삼항 연산자

let age = prompt('나이를 입력해주세요');

let result = age>=20 ? '성인' : '청소년';
alert(result);

 

 

3. switch

 

스위치(변수) {

          case 값 : 

                        변수가 값이랑 같을 경우 처리할 코드

                         break;

          case 값 :

                        변수가 값이랑 같을 경우 처리할 코드

                         break;

          case 값 :

                        변수가 값이랑 같을 경우 처리할 코드

                         break;

          default :

                        변수가 해당 값이 없을 경우 처리할 코드

 

 

▶ 2가지 방법

let a = Number (prompt('숫자입력'));

switch(a) {
  case 1:
    alert('a는 1입니다.');
    break;
  case 2:
    alert('a는 2입니다.');
    break;
  case 3:
    alert('a는 3입니다.');
    break;
  default:
    alert('a는 1~3이 아닙니다.');
}
let a = prompt('숫자입력');

switch(a) {
  case '1':
    alert('a는 1입니다.');
    break;
  case '2':4
    alert('a는 2입니다.');
    break;
  case '3':
    alert('a는 3입니다.');
    break;
  default:
    alert('a는 1~3이 아닙니다.');
}

let a = Number (prompt('숫자입력'));

switch(a) {
  case 1: case 2:
    alert('1과 2중 하나를 입력');
    break;
  case 3: case 4:
    alert('3과 4중 하나를 입력');
    break;
  default:
    alert('범위 내 없는 숫자입니다.');
}


--------------------


switch(a) {
  case 1:
  case 2:
    alert('1과 2중 하나를 입력');
    break;
  case 3:
  case 4:
    alert('3과 4중 하나를 입력');
    break;
  default:
    alert('범위 내 없는 숫자입니다.');
}

▶ 자바스크립트 switch로 홀수 짝수 구하기

switch에서 조건식으로 인해 숫자로 자동으로 형변환 되어 prompt 입력 값을 애초에 Number로 고정해서 할 필요가 없다.

let a = prompt('숫자입력');

switch(a%2) {
  case 0 :
    alert('짝수');
    break;
  case 1 :
    alert('홀수')
  default:
    alert('잘못입력');
}

 

▶ 자바스크립트 if로 홀수 짝수 구하기

let a = prompt('숫자입력');

if (a%2===0) {
  alert('짝수')
} else {
  alert('홀수')
}

let id = (prompt('아이디를 입력해주세요.'));

if(id === null || id === "") {
  alert('취소함');
} else if(id !== 'admin') {
  alert('사용자 틀림');
} else {

  let pas = Number (prompt('비밀번호를 입력해주세요.'));

  if(pas === 1234) {
    alert('관리자 어서오고');
  } else if(pas === null || pas === "") {
    alert('취소함');
  } else {
    alert('비번 틀림');
  }
}


// 다른 방법 -------------------

if(id === 'admin') {
  let pas = prompt('비밀번호를 입력해주세요.');

  if(pas === '1234') {
    alert('관리자 어서오고')
  } else if (pas === null || pas === "") {
    alert('취소함');
  } else {
    alert('비번틀림');
  }

} else if (id === null || id === "") {
  alert('취소함');
} else {
  alert('사용자 틀림');
}
728x90
Comments