TIL14 - JavaScript operator

1. String concatenation

// 문자열을 연결한다!( 결과 : My name is Silvia! )
console.log('My ' + 'name ' + 'is ' + 'Silvia!');

// 2가 정수여도 JavaScript는 자동적으로 문자열로 변환하여 출력( 결과 : 12 )
console.log('1' + 2);

2. Numeric operator

// add(+)
console.log(3 + 1); // 4

//substract(-)
console.log(2 - 1); // 1

//divide(/)
console.log(2 / 2); // 1

//multiply(*)
console.log(2 * 2); // 4

//remainder(%)
console.log(5 % 5); // 0

//exponentiation(**)
console.log(2 ** 4); // 16

3. Increment and Decrement operator

Increment(증가)

let counter = 2;
const preIncrement = ++counter;
// counter = counter + 1;
// preIncrement = counter

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

Decrement(감소)

let counter = 2;
const preDecrement = --counter;
// counter = counter - 1;
// preDecrement = counter

const postDecrement = counter--;
// postDecrement = counter
// counter = counter - 1;

4. Assignment operator

// 할당 연산자!
let x = 10;
let y = 5;

x += y // x = x + y; ( x = 15 )
x -= y // x = x - y; ( x =5   )
x *= y // x = x * y; ( x =50  )
x /= y // x = x / y; ( x =2   )

5. comparison operator

let x = 10;
let y = 6;

console.log(x < y); // false
console.log(x <= y); // false
console.log(x > y); // true
console.log(x >= y); // true

6. Logical operator

const value1 = true;
const value2 = 4 < 2;

if ( value1 || value2 || check() ) {
  // ...code
  // value1이 true일 경우 뒤에도 다 true라고 생각하여 동작을 거기서 멈추고 넘어간다.
}

if ( value1 && value2 && check() ) {
  // ...code
  // value1이 false이면 뒤에도 모든 값이 다 false라고 생각하여 동작을 멈춘다.
}

6. Equality

// ==  값이 같은지 비교.
// === 같은 값이라도 타입이 다르면 false

console.log(0 == false); // true
console.log(0 === false); // false
console.log('' == false); // true
console.log('' === false); // false
console.log(null == undefined); // true
console.log(null === undefined); // false

7. if, else if, else

// 조건문
let x = 3;
let y = 6;
if ( x > y ) {
  console.log('x > y가 맞다.');
} else if ( x == y ) {
  console.log('x == y이다.');
} else {
  console.log('x > y도 아니고 x == y도 아닌 그 외의 것이다.');
}

8. Tenary operator

// 조건이 참일 때 value1 출력, 거짓일 때 value2 출력
// 중첩할 수 있지만 가독성이 떨어지기 때문에 이 때는 조건문을 쓰는 것을 추천
condition ? value1 : value2

9. Switch Statement

switch ('a') {
  case 'a':
    console.log("This is a");
    break;
  case 'b':
    console.log("This is b");
    break;
  case 'c':
    console.log("This is c");
    break;
//result : This is a
}

break와 continue
break : 루프를 완전히 끝내는 것
continue : 지금 단계만 넘어가고 다음 스텝으로 이동하는 것

10. Loops

while loop

// 0부터 시작하여 i가 10보다 작으면 반복문을 실행한다. i를 출력한 뒤, i를 1씩 늘리고 과정을 반복하다가 i가 10보다 커지면 종료한다.
let i = 0;
while (i < 10) {
  console.log(i);
  i++;
}

do while loop

// 처음 한 번은 무조건 실행하고 조건이 true일 경우 다시 반복문의 처음으로 돌아와 false가 될 때까지 실행한다.
let i = 0;
do {
  console.log(i);
  i++;
} while (i < 10);

for loop

// for ( 초기값; 조건; 스텝; ) { code }
// 초기값부터 시작하여 조건이 false가 될 때까지 증가하거나 감소시키며 블록 안에 있는 코드를 반복하여 실행한다.
for ( let i = 0; i < 10; i++ ) {
  console.log(i);
}