JS_기본 문법 (15)_연산자(쉼표, null병합(??) )

지금까지 살펴본 것 외의 연산자들에 대해서도 알아보자!

 

1. 쉼표 연산자

왼쪽부터 차례로 실행되며, 가장 마지막 연산을 반환한다.

console.log(
	(1,2,3)
);

>>> 3

console.log(
	(10/2, 5%2, 1+1)
);

>>> 2

이처럼 가장 마지막 연산의 값을 반환한다!

 

2. null 병합 연산자 ??

null 또는 undefined를 걸러낼 수 있는 연산자이다.

즉, 앞의 원소가 둘 중 하나일 경우 뒤의 원소로 대체가 가능하다!

let x;	//undefined
x ?? console.log('Hello');

x = null;	//null
x ?? console.log('Hello');

x = 0;
x ?? console.log('Hello'); //0을 반환하고 종료

x = 1;
x ?? console.log('Hello'); //1을 반환하고 종료

>>> Hello
>>> Hello

 

병합 할당 연산자

병합 할당 연산을 수행하는 연산자들이다.

let x = false;
let y = '';

x ||= 1;	//x가 falsy이므로 다음 원소 조사 & 반환
y &&= 1;	//y가 falsy이므로 새로 할당X, 탈출
console.log(x, y);

>>> 1 ''

??= 연산자는 앞의 요소가 null 또는 undefined일 경우 뒤의 원소로 대체할 수 있다.

let x = null;
let y = null;

x &&= 1;	//x가 falsy(null)이므로 중단 (null대체 X)
y ??= 2;	//y가 null이므로 다음 원소 조사 & 반환 (null이 대체됨)
console.log(x, y);

>>> null 2