TIL - JavaScript - If Statements

1. If문

• 괄호() 안에서는 참 또는 거짓으로 평가하는 조건이 들어간다.
• 조건이 true로 평가되면 {} 내의 코드가 실행된다.
• 조건이 거짓으로 평가되면 블록이 실행되지 않는다.

let sale = true;

if(sale) {
  console.log('Time to buy!');
}

2. If...else문

• else문은 반드시 If문과 같이 와야한다.
• 이진탐색이 가능한 조건
  1)반드시 데이터가 정렬되어있어야 한다.

let sale = true;

sale = false;

if(sale) {
  console.log('Time to buy!');
} else {
  console.log('Time to wait for a sale.');
  } 
// Output: Time to wait for a sale.

3. Comparison Operators

보다 작음: <
보다 큼: >
보다 작거나 같음: <=
보다 크거나 같음: >=
같음: ===
동일하지 않음:!==

let hungerLevel = 7;
if (hungerLevel > 7) {
  console.log('Time to eat!');
} else {
  console.log('We can eat later!');
}

4. Logical Operators

• and : && - 두 조건을 모두 참으로 평가하여 실행해야 함 한 조건이 거짓일 경우 else가 실행됨.
• or : || - 두 조건 중 어느 것이 참인지를 평가할 때 사용 else는 두 조건이 모두 거짓일 때 실행됨.
• not : !

let mood = 'sleepy';
let tirednessLevel = 6;
if (mood === 'sleepy' && tirednessLevel > 8) {
  console.log('time to sleep')
} else {
  console.log('not bed time yet')
}
//Output : not bed time yet
let mood = 'sleepy';
let tirednessLevel = 6;
if (mood === 'sleepy' || tirednessLevel > 8) {
  console.log('time to sleep')
} else {
  console.log('not bed time yet')
}
//Output : time to sleep

5. Truthy and Falsy

String or Number에서 참, 거짓을 판별할 때
값을 거짓으로 만드는 방법
value =
0
"" or ''
null
undefined
NaN

6. Ternary Operator

• if...else 구문을 단순화하기 위해 Ternary 사용
• true일 경우 앞의 구문이 표현, false일 경우 뒤의 구문이 표현
• 작은 따옴표를 사용하는 경우 \를 붙임

let isLocked = true;

isLocked ? 
  console.log('You will need a key to open the door.') :
  console.log('You will not need a key to open the door.');
// Output: You will need a key to open the door.

let favoritePhrase = 'Love That!';

favoritePhrase === 'Love That!' ? 
  console.log('I love that!') : 
  console.log("I don't love that!");
//Output : I love that!

7. Else If Statements

여러가지 가능한 결과를 얻을 수 있는 경우 사용

let season = 'summer';

if (season === 'spring') {
  console.log('It\'s spring! The trees are budding!');
} else if (season === 'winter') {
  console.log('It\'s winter! Everything is covered in snow.');
} else if (season === 'fall') {
  console.log('It\'s fall! Leaves are falling!');
} else if (season === 'summer') {
  console.log('It\'s sunny and warm because it\'s summer!')
} else {
  console.log('Invalid season.');
}
//Output: It's sunnt and warm because it's summer!

8. Switch keyword

여러가지 가능한 결과가 많을 경우 사용

let athleteFinalPosition = 'first place';
switch (athleteFinalPosition) {
  case 'first place' :
   console.log('You get the gold medal!')
   break;
  case 'second place' :
   console.log('You get the silver medal!');
   break;
  case 'third place' :
   console.log('You get the bronze medal!');
   break;
   default :
   console.log('No medal awarded.');
   break;
}