[JAVASCRIPT] 자바스크립트 연산자에 대해서(feat ... 연산자, 스프레드/나머지 연산자)

1. 산술 연산자: +, -, *, /, % 등
2. 할당 연산자: =, +=, -=, *=, /= 등
3. 비교 연산자: ==, ===, !=, !==, <, >, <=, >= 등
4. 논리 연산자: &&, ||, !
5. 비트 연산자: &, |, ^, ~, <<, >>, >>>
6. 특수 연산자: ?, :, typeof, void, delete 등이 있습니다.

대부분의 연산자들은 다른 언어들과 쓰임새가 동일합니다. 자바스크립트의 독특한 연산자인 === 연산자와 ... 연산자에 대해 좀 더 자세히 알아보겠습니다.

=== 연산자란??
=== 연산자는 일치 연산자라고 부릅니다. == 연산자와 달리, === 연산자는 피연산자의 타입과 값이 모두 일치하는 경우에만 true를 반환합니다.

console.log(1 == '1');  // true -> 값이 같으므로 true 리턴
console.log(1 === '1'); // false -> 값은 같으나 타입이 다르므로 false 리턴

 

... 연산자란?
... 연산자는 스프레드(spread) 연산자 또는 나머지(rest) 연산자라고 부릅니다. 배열이나 객체의 요소를 개별적으로 분리하는데 사용되며, 함수의 파라미터를 정의할 때도 사용됩니다.

예시1 : 스프레드(spread) 연산자로 사용될 때(배열이나 객체의 요소를 하나씩 분리시킴)

let arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5, 6]; // [1, 2, 3, 4, 5, 6]
console.log(arr2);

 

예시2 : 나머지(rest) 연산자로 사용될 때(배열이나 객체의 요소를 하나로 묶어줌)

function func(...args) {
  console.log(args);
}

func(1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]