JavaScript 1주차(3) - if 조건문

박수지·2024년 9월 17일

TIL

목록 보기
3/9
post-thumbnail

💭if 조건문이란?

조건을 만족할 때 다른 동작을 실행할 수 있도록 해주는 구문

1. if 문 : 작성한 조건이 참일 때 실행

2. else 문 : if의 조건이 거짓일 때만 실행

3. else if 문 : 조건을 추가하고 싶을 때 사용

📖 if문 문법 구조

if(조건_1) {
    실행문_1
}else if(조건_2) {
    실행문_2
}else {
    실행문_3
}

📌예시

let input_1 = Number( prompt("첫번째 숫자를 입력해주세요") );
let input_2 = Number( prompt("두번째 숫자를 입력해주세요") );

if(input_1 > input_2) {
    document.write("첫번째 입력받은 수가 큽니다");
}else if(input_1 < input_2) {
    document.write("두번째 입력받은 수가 큽니다");
}else if(input_1 == input_2) {
    document.write("입력받은 두 수가 같습니다");
}else {
    document.write("숫자만 입력해주세요");
}

💭논리 연산자

1. AND(&&) 연산자
값을 비교한 후 하나라도 거짓이 있으면 거짓으로 반환

2. OR(||) 연산자
값을 비교한 후 하나라도 참이 있으면 참 값을 반환

📌예시

const score = Number(prompt('점수를 입력하세요'));

if(score >= 95) {
   console.log('A');
}else if(score >= 80 && score < 95) {
    console.log('B');
}else if(score >= 70 && score < 80) {
    console.log('C');
}else {
    console.log('D');
}

💭삼항 연산자

세 개의 피연산자를 받는 유일한 연산자로 if문의 단축형대로 사용

📖 삼항연산자 문법 구조

조건식 ? true일 경우의 실행문 : false일 경우의 실행문;

📌예시

let x = 100;
let y = 50;
x > y ? console.log('true') : console.log('false');

💭switch 문

조건을 만족하는 다수의 데이터를 처리하는 조건문

📖 switch문 문법 구조

switch() {
    case_1 :
        실행문_1;
        break;
    case_2 :
        실행문_2;
        break;
    default :
        실행문_3;
        break;
}

📌예시

switch(number % 2) {
    case 0:
        console.log('짝수');
        break;
    case 1:
        console.log('홀수');
        break;
}

📒예제

옷가게는 10만원 이상 사면 5%, 30만원 이상 사면 10%, 50만원 이상 사면 20%를 할인해줍니다. 구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return하도록 solution 함수를 완성하세요. 이때, 소수점 이하를 버린 정수를 return 합니다.

입출력 예시1 ) 150,000원에서 5%를 할인한 142,500원을 return합니다.
입출력 예시2 ) 580,000원에서 20%를 할인한 464,000원을 return합니다.

풀이

function solution(price) {

    if(price >= 500000) {
        price = price * 0.8;
        console.log(price);
    }else if(price >= 300000) {
        price = price * 0.9;
        console.log(price);
    }else if(price >= 100000) {
        price = price * 0.95;
        console.log(price);
    }
    // return price = Math.floor(price);

}
solution(150000);  // => 142500
profile
#html #css #javascript

0개의 댓글