[Javascript] 연산자

1. 산술 연산자

console.log(1 + 2);  // 3
console.log(5 - 7);  // -2
console.log(3 * 4);  // 12
console.log(10 / 2);  // 5
console.log(7 % 5);  // 2

2. 할당 연산자

let a = 2;
a += 1;  // a = a + 1
console.log(a);  // 3

3. 비교 연산자

a === b  // 서로 같음
a !== b // 서로 다름
a < b  // a < b
a <= b  // a <= b
a > b  // a > b
a >= b  // a >= b

4. 논리 연산자

a && b  // a and b
a || b  // a or b
!a  // not a

5. 삼항 연산자

console.log(a ? '참' : '거짓');  // true면 앞, false면 뒤

6. 동등 연산자

• 대부분의 경우 비교 연산자 ‘===’ 을 사용
• 서로 다른 값이 의도하지 않게 ‘같다’라고 출력되는 것을 방지

const a = 1;
const b = '1';

console.log(a === b);  // false
console.log(a == b);  // true

7. 전개 연산자

// Spread. 쉼표로 구분된 각각의 아이템으로 배열 데이터가 전개되어 만들어짐

const animals = ['Cat', 'Dog', 'Tiger']
console.log(animals)  // (3) ['Cat', 'Dog', 'Tiger']
console.log(...animals)  // Cat Dog Tiger
// console.log('Cat', 'Dog', 'Tiger')

function toObject(a, b, c) {
  return {
    a: a,
    b: b,
    c: c
  }
}
console.log(toObject(...animals))  // {a: "Cat", b: "Dog", c: "Tiger"}
// console.log(toObject(animals[0], animals[1], animals[2]))

// 매개변수에서도 전개 연산자를 사용할 수 있음

const animals = ['Cat', 'Dog', 'Tiger', 'Lion']

// rest parameter ...c가 나머지의 모든 인수들을 다 받아냄
function toObject(a, b, ...c) {
  return {
    // 속성의 이름과 변수의 이름이 같으면 하나만 남겨둘 수 있음
    a,  // a: a,
    b,  // b: b,
    c   // c: c
  }
}
console.log(toObject(...animals))  // {a: "Cat", b: "Dog", c: Array(2)}


// function toObject 축약형
const animals = ['Cat', 'Dog', 'Tiger', 'Lion']
const toObject = (a, b, ...c) => ({a, b, c})
console.log(toObject(...animals))  // {a: "Cat", b: "Dog", c: Array(2)}