codecademy_Learn JavaScript (2) Conditionals

lilyoh·2020년 6월 24일
0
post-custom-banner

If Statement

if (true) {
	console.log('This message will print!');
} // This message will print!
  1. if 키워드와 () 를 따라 code block 이 {} 사이에 위치한다
  2. () 안에는 true 나 false 값을 가지는 조건이 온다
  3. 괄호 안의 값이 true 이면 코드 블럭 안의 코드가 실행되고, false 이면 실행되지 않는다

If...Else Statements

if 안의 조건문이 거짓일 때
실행하고 싶은 결과가 따로 있을 때 사용

if (false) {
  console.log('The code in this block will not run.');
} else {
  console.log('But the code in this block will!');
}

// Prints: But the code in this block will!

use for binary decisions

Comparison Operators

< / > / <= / >= / === / !==

Logical Operators

and &&
or ||
not(bang) !

ex)
let excited = true;
console.log(!excited); // false

Truthy and Falsy

let myVariable = 'I Exist!';

if (myVariable) {
   console.log(myVariable)
} else {
   console.log('The variable does not exist.')
}

위 예제에서, if 문에 조건이 안 들어가도 truthy 한 값이 변수에 할당되었으므로, if 문이 true 가 되고 I Exist! 가 출력된다

그럼 falsy value 는 뭘까
1. 0
2. "" or '' (Empty strings)
3. null (= no value at all)
4. undefined (= declared variable lacks a value)
5. NaN (= not a number)

Truthy and Falsy Assignment

let defaultName;
if (username) {
  defaultName = username;
} else {
  defaultName = 'Stranger';
}

short-circuit evaluation
shorthand for example above
let defaultName = username || 'Stranger';

Ternary Operator

short-hand syntax for 'if...else statement'

let isNightTime = true;

if (isNightTime) {
  console.log('Turn on the lights!');
} else {
  console.log('Turn off the lights!');
}

isNightTime ? console.log('Turn on the lights!') : console.log('Turn off the lights!');

Else If Statements

결과가 둘 이상일 때 사용

let stopLight = 'yellow';

if (stopLight === 'red') {
  console.log('Stop!');
} else if (stopLight === 'yellow') {
  console.log('Slow down.');
} else if (stopLight === 'green') {
  console.log('Go!');
} else {
  console.log('Caution, unknown!');
}

The Switch keyword

else...if 의 short ver.

let groceryItem = 'papaya';

switch (groceryItem) {
  case 'tomato':
    console.log('Tomatoes are $0.49');
    break;
  case 'lime':
    console.log('Limes are $1.49');
    break;
  case 'papaya':
    console.log('Papayas are $1.29');
    break;
  default:
    console.log('Invalid item');
    break;
}
post-custom-banner

0개의 댓글