[JavaScript] 연산자 ✅

1. 산술 연산자

덧셈 연산자 +,
뺄셈 연산자 -,
곱셈 연산자 *,
나눗셈 연산자 /,
나머지 연산자 %,
거듭제곱 연산자 **

 console.log(10+10);
 console.log(10-10);
 console.log(10*10);
 console.log(10/10);
 console.log(10%3);

2. 증가·감소 연산자

증가(increment) 연산자 ++는 변수를 1 증가
감소(decrement) 연산자 --는 변수를 1 감소

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

3. 할당 연산자

number = 100;
console.log(number);

number += 10;
console.log(number); // 110

4. 비교 연산자

1) 값의 비교 ✔

자바스크립트에서는 아래 경우가 모두 true가 된다..!

console.log(5==5); // true
console.log(5=='5'); // true
console.log(true==1); // true

비교하려는 값의 자료형이 다르면 자바스크립트는 이 값들을 숫자형으로 바꾸기 때문이다.

alert( '2' > 1 ); // true, 문자열 '2'가 숫자 2로 변환된 후 비교가 진행된다.
alert( '01' == 1 ); // true, 문자열 '01'이 숫자 1로 변환된 후 비교가 진행됩니다.

2) 값과 타입의 비교 ✔

값뿐만 아니라 타입까지 검사하기 때문에, ===, !==를 일반적으로 사용한다.

console.log(5===5); // true
console.log(5==='5'); // false
console.log(true==='1'); // false

5. 삼항 조건 연산자

let result = condition ? value1 : value2;

console.log(10 > 0 ? '10이 0보다 크다' : '10이 0보다 작다');

6. 논리 연산자

1) &&

console.log(true && true); // true
console.log(true && false); // false

2) ||

console.log(false || false); // false 
console.log(true || false); // true

✨ 단축 평가

&& 사용시 좌측 true면 우측값 반환
&& 사용시 좌측 false면 좌측값 반환
|| 사용시 좌측 true면 좌측값 반환
|| 사용시 좌측 false면 우측값 반환

console.log(true || '소녀시대'); // true
console.log(false || '소녀시대'); // 소녀시대
console.log(true && '소녀시대'); // 소녀시대
console.log(false && '소녀시대'); // false


console.log(true && true && '소녀시대'); // 소녀시대
console.log(true && false && '소녀시대'); // false
// &&에서 좌측 true => false && '소녀시대' 반환 
// => &&에서 좌측 false => false 반환

7. null 연산자

?? : 좌측이 null or undefined면 오른쪽값 반환

let name;
console.log(name); // undefined

name = name ?? '구름';
console.log(name); // 구름

name = name ?? '햇빛';
console.log(name); // 구름

name ??= '하늘'; // 축약형 표현도 가능..!
console.log(name);