자바스크립트 연산자

자바스크립트에서 자주사용되는 연산자 (삼항연산자는 제외함)

1. 물음표 두 개 연산자 (Nullish Coalescing Operator)

   물음표 두 개 연산자는 좌항의 값이 null 또는 undefined인 경우에만 우항의 값을 반환하고, 그 외의 경우에는 좌항의 값을 반환합니다. // 0은 포함되지 않음

   const a = null;
   const b = undefined;
   const c = 0;
   const d = '';
   const e = false;
   
   console.log(a ?? 'default'); // 'default'
   console.log(b ?? 'default'); // 'default'
   console.log(c ?? 'default'); // 0 // 0은 포함되지 않음
   console.log(d ?? 'default'); // ''
   console.log(e ?? 'default'); // false

   
   

2. 왼쪽부터 true한 값을 찾을 때

   || (논리 OR) 연산자를 사용하여 왼쪽부터 true한 값을 찾을 수 있습니다.

   왼쪽부터 true한 값을 찾으려면 변수들을 연속해서 || 연산자로 연결하고, 원하는 값이 나올 때까지 왼쪽에서 오른쪽으로 진행합니다. 첫 번째로 true로 평가되는 값을 반환합니다.

   var value1 = false;
   var value2 = "hey";
   var value3 = true;
   var value4 = 'Hello';
   var value5 = 0;
   
   var result = value1 || value2 || value3 || value4 || value5; // value2의 값이 "hey"가 할당됨

   
   

3. 왼쪽부터 false한 값을 찾을 때

   && (논리 AND) 연산자를 사용하여 왼쪽부터 false한 값을 찾을 수 있습니다.

   왼쪽부터 false한 값을 찾으려면 변수들을 연속해서 && 연산자로 연결하고, 원하는 값이 나올 때까지 왼쪽에서 오른쪽으로 진행합니다. 첫 번째로 false로 평가되는 값을 반환합니다.

   var value1 = true;
   var value2 = "hey";
   var value3 = "";
   var value4 = 'Hello';
   var value5 = 0;
   
   var result = value1 && value2 && value3 && value4 && value5; // value3의 값 ""이 할당됨

   
   

4. 물결 두 개 연산자 (Double Tilde)

   물결 두 개 연산자는 주어진 숫자를 소수점 이하를 버리고 정수 부분만 남기는 연산자입니다.

   let numA = 5.5;
   console.log(~~numA); // 5
   
   let numB = -10 / 3;
   console.log(~~numB); // -3

참고

자바스크립트 연산자 참고