[JS 개념정리] 조건문 Conditionals

rlorxl·2022년 1월 29일
0

Javascript

목록 보기
2/12
post-custom-banner

if

if(condition){
  // condition == true
} else {
  // condition == false
}

// ex) 
const age = parseInt(prompt("How old are you?"));

if (isNaN(age)) {
  console.log(”Please write a number”);
} else if (age < 18) {
  console.log("You are too young.");
} else if (age >= 18 && age <= 50) {
  console.log("You can drink.");
} else {
  console.log("You can't drink.");
}

else if & else

const n = 18;
const isMultipleOfThree = n % 3 ===0;
const isMultipleOfFive = n % 5 ===0;


if(isMultipleOfThree && isMultipleOfFive) {
    console.log('15의 배수');
} else {
    if (isMultipleOfThree) {
        console.log('3의 배수');
    } else if (isMultipleOfFive) {
        console.log('5의 배수');
    }
}

parseInt()

  • converts a string to an integer(number)
  • function is occur from inside to outside.
  • if you write a number, parseInt converts a string to an integer
    and if you write a string, you can see ‘NaN’(not a number) in console.

isNan()

  • isNan(~~) = if ~~ is not a number ~
  • returns a boolean value(true/false) that indicates whether a value is the reserved value NaN.

삼항 연산자

조건 ? 조건이 참이면 실행되는 표현식 : 조건이 거짓이면 실행되는 표현식

중괄호 {} 를 사용할 수 없는 문법이기 때문에 하나의 표현식만 가능하다.

let n =5;
console.log(n % 5 === 0 ? A : B);

표현식의 결과를 변수에 할당할 수 있다.

const message = n % 5 ===0 ? A : B ;
console.log(message);

표현식안에 표현식 넣기 ( = if / if else / else를 쓰는것과 같은 방식)

const login = '손님';
console.log(login === '직원' ? '안녕하세요':(login ==='임원'?'반갑습니다':'어서오십시오'));
// 어서오십시오 

switch / case

switch는 표현식을 평가하여 그 값이 일치하는 case문을 실행하는 조건문. 괄호 안에있는 값이 무엇인지(변수) case들을 비교해서 실행한다.

  • case의 값은 숫자, 문자 등 논리적인 연산의 비교가 가능한 자료형(datatypes)을 쓸 수 있다.
  • 일반적으로 하나의 case만 수행되도록 case 끝을 break로 끝맺는다.
    ( break 를 작성하면 break 전까지의 블럭까지만 실행된다. (조건이 맞을 시) )
  • 문장이 한줄일때 중괄호는 생략가능하다.
  • default 뒤에 있는 문장은 ‘항상 참’이어서 실행되는 블럭이다. (case가 아무것도 일치하지 않는 경우 실행되는)
n = 6;
switch(n % 5) {case 0: {
   console.log('5의 배수입니다.');
   break;  // 5로 나누어 떨어질 시 여기서 끝
}case 1:case 2:case 3:case 4:
   console.log('5의 배수가 아닙니다.');
   break;default:
   console.log(n);
} // 5로 나누어 떨어지지 않을 시, 5의 배수가 아닙니다  
  // + default뒤 문장까지 실행되고 끝

조건문 스마트하게 쓰기

key: value 형태로 값에 따라 다른 결과를 반환하기

function getSound(animal) {const sounds = {
  개: ‘멍멍',
  고양이: ‘야옹',
  참새: ‘짹짹',};return sounds[animal] ||...?}
console.log(getSound(’개')); //멍멍
post-custom-banner

0개의 댓글