JavaScript - if문, switch/ 삼항연산식

·2022년 12월 25일
0

JavaScript

목록 보기
9/11

요즘 코딩알려주는누나의 강의를 듣고 강의내용을 정리하고 있다.
코딩의 처음 입문자라면 정말 쉽게 알려주는 강의여서 나처럼 방황하는 사람한테는 정말 추천하는 강의이다.

🫠 if문

📌 if문의 기본식

if(조건문){
    조건이 충족하면 할일들
} else{
}
// 조건문이 true가 되면 {중괄호} 안에 있는 것이 실행이 된다. 
// else인 경우에는 if문의 모든게 거짓일 경우 else문으로 들어오게 된다. 

📌 예시

<1>
let age = 21;

if (age > 20) {
  console.log("운전이 가능합니다");
} else {
  console.log("운전이 불가능합니다. ");
}
> "운전이 가능합니다."

조건문의 값이 true 이기 때문이다.

<2>
let age = 18;

if (age > 20) {
  console.log("운전이 가능합니다");
} else {
  console.log("운전이 불가능합니다. ");
}
> "운전이 불가능합니다."

조건문의 값이 false 이기 때문에 else문으로 들어가게 된다

<3>

let age = 18;

if (age > 20) {
  console.log("운전이 가능합니다");
} else if (age >= 18) {
  console.log("오토바이 운전이 가능합니다");
} else {
  console.log("운전이 불가능합니다. ");
}
>"오토바이 운전이 가능합니다." 

if문에 또다른 조건식을 붙여주고 싶다면은 else if를 사용해보기
✨ if=false, else if === true이기때문에 else if의 충족값이 나오게 된다

<4>
let age = 18;

if (age >= 18) {
  console.log("오토바이 운전이 가능합니다");
} else if (age > 20) {
  console.log("운전이 가능합니다");
} else {
  console.log("운전이 불가능합니다. ");
}
> "오토바이 운전이 가능합니다"

✨ if문이 참이면 그대로 if의 실행값을 출력후 if문은 종료가 되기 떄문에 뒤에 참이여도 나오지 않는다.
✨ if 문의 조건의 범위가 있다면 작은것에서 큰것으로 설정하는 것이 바람직하다.

<5> 
let age = 21;
let licence = false;

if (age >= 20) {
  if (licence === true) {
    console.log("운전이 가능합니다.");
  } else {
    console.log("면허를 따세요 ");
  }
} else {
  console.log("운전이 불가능합니다. ");
}
> "면허를 따세요"

if문은 중첩해서도 사용이 가능하다.
✨ 중첩된 if문에서 조건이 false이기때문에 면허를 따라는 결과물이 출력

🫠 switch

<예시>

let menu = 1;

if (menu === 1) {
  console.log("포인트확인하기");
} else if (menu === 2) {
  console.log("장바구니");
} else if (menu === 3) {
  console.log("결제하기");
} else {
  ("홈으로 돌아가기 ");
}

<switch 문에서 바꿔써보기>

switch (menu) {
  case 1:
    console.log("포인트확인하기");
    break;
  case 2:
    console.log("장바구니");
    break;
  case 3:
    console.log("결제하기");
    break; // break를 쓰면 switch 문이 끝난다는 것을 표현함

  default:
    console.log("홈으로 돌아가기");
}
//케이스에 없는 숫자를 작성시에는 dafault가 시행된다. 

✨ switch 문에서는 값이 하나로 딱 떨어지는 경우에만 사용이 가능하다 (if문은 범위로 표현이 가능하지만 switch 문에서는 범위로 표현이 가능하지 않다. )

🫠 삼항연산식

<예시>
let menu = 5;

if (menu <= 3) {
  console.log("범위안의 숫자입니다");
  // 메뉴가 3보다 작거나 같다면 범위 안의 숫자 입니다를 출력해주세요
} else {
  console.log("범위 밖의 숫자입니다. ");
}
// 아니라면 범위 밖의 숫자입니다 를 출력해주세요

조건식 ? true : false;

let answer =
  menu <= 3 ?"범위안의 숫자입니다" : "범위밖의 숫자입니다 ";

조건이 많지 않고 반환하고 싶은 값이 딱 하나만 코드에 있을때 삼항 연산식으로 사용이 가능하다.

profile
프론트엔드 개발자 입니다.

0개의 댓글