(SEB_FE) Section1 Unit5 조건문

PYM·2023년 2월 21일
0

(SEB_FE) SECTION1

목록 보기
19/38
post-thumbnail
  1. 특정한 조건에서만 실행되는 코드를 작성할 수 있다.
  2. truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다.
  3. 비교 연산자를 통한 엄격한 비교(=== , !==)에 대해 이해할 수 있다.
  4. if, else if, else를 사용하여 여러 개의 조건을 중첩해서 사용할 수 있다.
  5. 논리 연산자를 (&&, ||, ! ...) 통해 복잡한 조건을 간결하게 작성할 수 있다.

⭐if문

주어진 조건식의 (true)/거짓(false) 여부에 따라 실행이 결정된다. 따라서 결과가 불린 타입이 되도록 작성한다.

💫동치연산자 (===)

  • 두 피연산자가 동일하면 true, 그렇지 않으면 false를 반환
  • !==는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환
let name = 'kimcoding';

if (name === 'kimcoding') {
	console.log('중복된 이름입니다.'); // '중복된 이름입니다.'
}

//!= 
if(name != 'kincoding') {
	console.log('가입할 수 있는 이름입니다.'); // '가입할 수 있는 이름입니다.'
}

💫비교연산자(> , < , >= , <=)

두 피연산자의 값의 크기를 비교

let num = 5;
if (num < 10) {
	num = num + 1;
}
console.log(num); // 6

💫논리연산자(&&, ||)

  • 논리합(||)과 논리곱(&&)을 사용하면 복수의 조건을 작성할 수 있다.
  • ||은 여러 조건 중 하나만 true여도 true (OR)
    &&은 여러 조건 중 하나라도 false이면 false (AND)
let age = 15;
if (age > 13 && age <= 19) {
	console.log('청소년입니다.'); // '청소년입니다.'
}

💫부정연산자(!)

부정연산자(NOT)는 조건을 부정.

  • 조건이 true이면 false, 조건이 false이면 true를 리턴
let num = 11;
if (!(num === 10)) {
	console.log('변수 num은 10이 아닙니다.'); // '변수 num은 10이 아닙니다.'
}

⭐else문

조건이 true일 때, 그리고 false일 때 각각 다른 코드가 실행되도록 할 수는 없을까? ➡ else문을 사용하면 가능!

  • 독립적으로 사용할 수 없고, if문 바로 뒤에 작성
  • 조건을 더 추가하고 싶으면 else if문을 사용
  • if문과 else문은 두 번 이상 사용할 수 없지만 else if문은 여러 번 사용이 가능
let age = 15;

if (age < 8) {
  console.log('미취학아동입니다.');
} else if (age >= 8 && age < 14) {
  console.log('초등학생입니다.');
} else if (age >= 14 && age < 17) {
  console.log('중학생입니다.'); // '중학생입니다.'
} else if (age >= 17 && age < 20) {
  console.log('고등학생입니다.');
} else {
  console.log('성인입니다.');
}

💫삼항 조건 연산자

if문과 else문을 삼항 조건 연산자로 바꿔 쓸 수 있다.

  • 조건식을 먼저 작성한 후 ?를 입력하고, ?뒤로 참/거짓일 때 실행할 코드를 각각 입력
  • 참/거짓일 때 실행할 코드는 :로 구분
//if else문으로 작성 
if (num % 2 === 0) {
	console.log('짝수입니다.');
} else {
	console.log('홀수입니다.'); // '홀수입니다.'
}

//삼항 조건 연산자로 작성 
let num = 5;
num % 2 === 0 ? console.log('짝수') : console.log('홀수'); // '홀수'

언제 뭐 써요?

조건에 따라 실행할 코드가 간단하다면, 삼항 조건 연산자
조건에 따라 실행해야 할 내용이 복잡하다면, if문과 else문

조건에 따라 실행할 코드 === 간단 ? 삼항 조건 연산자 : if문과 else;
//ㅋㅋㅋ...
profile
목표는 "함께 일하고 싶은, 함께 일해서 좋은" Front-end 개발자

0개의 댓글