gwooden_코린이
자바스크립트js 조건문 기능 살펴보기 본문
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
'프론트엔드 > 자바스크립트' 카테고리의 다른 글
자바스크립트js 배열 사용해보기 (0) | 2022.12.22 |
---|---|
자바스크립트js 반복문 사용해보기 (0) | 2022.12.22 |
자바스크립트JS 연산자 기능 살펴보기 (0) | 2022.12.22 |
부트스트랩(Bootstrap) 설정 (0) | 2022.12.21 |
자바스크립트_parseInt_04 (0) | 2022.12.04 |
Comments