Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- js
- 부트캠프 #개발일지 #TIL #CSS속성 #float #clear
- JS예제
- 개발일지
- 부트캠프 #스파르타코딩클럽 #개발일지# #html
- 부트캠프 #CSS #개발일지 #TIL
- 부트캠프 #개발일지 #TIL #그리드 #CSS
- 부트캠프 #개발일지 #TIL #Position #위치
- 리액트
- CSS
- 의사클래스
- 부트캠프
- 특성선택자
- 깃허브오류
- 알고리즘
- 결합선택자
- 부트캠프 #CSS #개발일지 #TIL #박스모델
- 개발일지 #TIL #프론트엔드 #HTML
- textContent
- 부트캠프 #스파르타코딩클럽 #개발일지# #TIL #Javascript #confirm #location.href
- Til
- 부트캠프 #개발일지 #TIL #FlexboxFroggy #displayflex #flexbox
- React
- useState
- 부트캠프 #코딩 #개발일지 #프론트엔드 #CSS #TIL
- 템플릿스트링
- appendChild
- ㅜㄹㄹ
- querySelector
- useEffect
Archives
- Today
- Total
나의 개발일지
[Javascript] 5. 함수 - 조건문 / if / else if / else / if중첩문 / switch 본문
JavaScript/Sparta
[Javascript] 5. 함수 - 조건문 / if / else if / else / if중첩문 / switch
heew0n 2023. 10. 17. 12:15조건문 : 특정 조건을 만족하는 경우에만 코드 실행
1. if / else if / else / if 중첩문
// if문
let x = 10;
if (x > 0) {
console.log("x는 양수입니다.")
}
//-----------------------------------------------
//if-else문
let a = 5;
if (x > 0) {
console.log("a는 양수입니다.")
} else {
console.log("a는 음수입니다.")
}
let number = 5;
if (number == 3) {
console.log("일치합니다.")
} else {
console.log("일치하지 않습니다.")
}
// 짝수인지 홀수인지 구분하여 메세지 출력
let num = 4;
if (num % 2 === 0) {
console.log("짝수입니다.")
} else {
console.log("홀수입니다.")
}
//-----------------------------------------------
//else if문
let age = 19;
if (age > 19) {
console.log("환영합니다.")
} else if (age === 19) {
console.log("수능 잘 치세요")
} else {
console.log("안녕히 가세요.")
}
let walkcount = 7999;
if (walkcount > 10000) {
console.log("건강한 하루를 보내셨군요.")
} else if (walkcount >= 8000 && walkcount <= 9999) {
console.log("나름 활기찬 하루를 보내셨군요.")
} else {
console.log("운동하시는 것을 추천드립니다!")
}
//학점구하기 (90~100 A, 80~89 B, 70~79 C, 60~69 D, 60미만 F)
let score = 79;
if(score >= 90 && score <=100) {
console.log("A입니다")
} else if (score >= 80 && score <= 89) {
console.log("B입니다")
} else if (score >= 70 && score <= 79) {
console.log("C입니다")
} else if (score >= 60 && score <= 69) {
console.log("D입니다")
} else {
console.log("F입니다")
}
//3월-5월 : 봄
//6월-8월 : 여름
//9월-11월 : 가을
//12월-2월 : 겨울
var month = 12;
if(month > 2 && month < 6) {
console.log("따뜻한 봄이입니다")
} else if (month > 5 && month < 9) {
console.log("무더운 여름입니다")
} else if (month > 8 && month <12) {
console.log("독서의 계절 가을입니다")
} else{
console.log("낭만가득 겨울입니다")
}
//-----------------------------------------------
//중첩if문
var id = heewon00;
var pw = gmldnjs00;
var userId = prompt("아이디를 입력하세요.", "")
var userPw = prompt("비밀번호를 입력하세요.", "")
if(id == userId) { //조건문1
if(pw == userPw) { //조건문 2 조건문 1이 맞으면 안쪽 조건문2를 보고 틀리다면 else로 넘어감
document.write(userId + "님 반갑습니다!")
} else {
document.write(userId + "님 비밀번호가 틀렸습니다.")
location.reload();
}
} else {
document.write("아이디가 틀렸습니다.")
location.reload();
}
// 자격증 시험 3과목의 점수가 주어지고,
// 평균 60점 미만 : 불합격
// 모든 과목의 점수가 40점 이상이면 합격
// 한 과목이라도 40점 아래가 있다면 과락
var eng = 80;
var math = 80;
var kor = 38;
if((eng + math + kor)/3 < 60) {
console.log("불합격입니다.")
} else {
if(eng >= 40 && math >= 40 && kor >= 40) {
console.log("합격입니다.")
} else {
console.log("과락입니다.")
}
}
let age1 = 17;
let gender = '여성';
if (age1 >= 18) {
if (gender === "여성") {
console.log("성인 여성입니다.");
} else {
console.log("성인 남성입니다.");
}
} else {
console.log("미성년자입니다.")
}
2. switch 문 : 변수의 값에 따라 여러 개의 경우(case) 중 하나를 선택하여 해당하는 코드 실행
default는 모든 경우에 맞지 않는 경우 실행되는 코드를 작성한다
// case가 많을 경우 보다 간결하게 코딩하기 위해 사용!
/*
switch(평가) {
case A :
// A일 때 코드
case B :
// B일 때 코드
}
*/
// 사고 싶은 과일의 가격 출력
// 사과 : 1000원
// 바나나 : 1200원
// 키위 : 2500원
// 오렌지 : 2000원
// 딸기 : 2000원
let fruit = "오렌지";
switch(fruit) {
case '사과' :
console.log("1,000원입니다");
break;
case '바나나' :
console.log("1,200원입니다");
break;
case '키위' :
console.log("2,500원입니다");
break;
case '오렌지' : // 오렌지와 딸기는 같은 가격
case '딸기' :
console.log("2,000원입니다");
break;
default :
console.log("그런 과일은 없습니다.")
}
// 1부터 7까지의 각 숫자마다 지정된 색깔 값 출력
var number = "8"; // 값에 꼭 "" 붙이기!!**
switch(number) {
case "1" :
console.log("빨간색");
break;
case "2" :
console.log("주황색");
break;
case "3" :
console.log("노란색");
break;
case "4" :
console.log("초록색");
break;
case "5" :
console.log("파란색");
break;
case "6" :
console.log("남색");
break;
case "7" :
console.log("보라색");
break;
default :
console.log("유효하지 않은 숫자입니다.");
}
3. falsy한 값과 truthy한 값
if (0) {
console.log("이 코드는 실행되지 않습니다."); // truthy한 값
}
if ("") {
console.log("이 코드는 실행되지 않습니다."); // truthy한 값
}
if (null) {
console.log("이 코드는 실행되지 않습니다."); // falsy한 값(if문을 만족시키지 못한다.)
}
if (undefined) {
console.log("이 코드는 실행되지 않습니다."); // falsy한 값(if문을 만족시키지 못한다.)
}
if (NaN) {
console.log("이 코드는 실행되지 않습니다."); // falsy한 값(if문을 만족시키지 못한다.)
}
if (false) {
console.log("이 코드는 실행되지 않습니다."); // falsy한 값(if문을 만족시키지 못한다.)
}
'JavaScript > Sparta' 카테고리의 다른 글
[Javascript] 6. 함수 - for문 / for 중첩 (1) | 2023.10.18 |
---|---|
[Javascript] 4. 함수 - 함수선언식/함수표현식/스코프/화살표함수/arguments (0) | 2023.10.16 |
[Javascript] 3. 연산자 (0) | 2023.10.15 |
[Javascript] 2. 데이터 타입 (0) | 2023.10.14 |
[Javascript] 1. 변수와 상수 (0) | 2023.10.13 |