JavaScript Operator

1. Increment and decrement operators

let counter = 2;
const preIncrement = ++counter;
// counter = counter + 1;
// preIncrement = counter;
console.log(`preIncrement: ${preIncrement}, counter: ${counter});
//preIncrement: 3, counter: 3

const postIncrement = counter++;
// postIncrement = counter;
// counter = counter + 1;

---

• || (or), finds the first truthy value
  console.log(or: ${value1 || value2 || check()});
  심플한 value를 먼저 앞에 두고 함수는 뒤에 위치 해야 좋은 코드이다.

• && (and), finds the firest falsy value
  console.log(and: ${value1 || value2 || check()});

• often used to compress long if-statment

• nullableObject && nullableObject.something

if (nullableObject != null) {
	nullableObject.something
}

function check() {
	for (let i = 0, i < 10; i++) {
	//wasting time
	console.log('a');
}
	return true;
}

---

3. Ternary operator: ?

• condition ? value1 : value2;
  console.log(name === 'apple' ? 'yes' : 'no');
  name === 'apple'이 참이면 ?뒤에 나오는 yes를 거짓이면 :뒤에 나오는 no를 출력. 간단할때에 쓰는 것이 좋다.

---

4. Switch statment

use for multiple if checks
use for enum-like value check
use for multiple type checks in TS

const browser = 'IE';

switch (browser) {
  case 'IE':
    console.log('go1');
    break;
  case 'Chrome':
  case 'Firefox': 
    console.log('go2');
    break;
  default:
    console.log('go4');
    break;

if에서 else if 이런식으로 반복을 하게 된다면 switch를 사용하는게 좋다.
타입스크립트에서 정해져 있는 타입을 검사하거나, enum(열거형)을 검사 할때 switch를 쓰는게 가독성이 좋다.

---

5. Loops

while loop, while the condition is truthy.
body code is executed.

let i =3;
while (i > 0) {
  console.log(`while: ${i}`);
  i==;
}

do while loop, body code is executed first.
then check the condition.

do {
console.log(`do while: ${i}`);
i==;
} while (i >0);

{}을 먼저 실행하고 조건이 맞는지 안맞는지 검사한다.

• 블록을 먼저 실행하고 싶으면 do while을 쓰고 조건문이 맞을 때만 블록을 실행하고 싶으면 while을 쓰면 된다.

---

드림코딩 by 엘리
링크텍스트