[인프런] 웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 연산자

연산자

• 산술 연산자 

+	덧셈
-	뺄셈
*	곱셈
/	나눗셈
%	나머지 연산
++ (전위)	특정 변수에 1 더한 결과 값
(후위) ++	특정 변수에 1 더하기 바로 직전의 값
-- (전위)	특정 변수에 1 뺀 결과 값
(후위) --	특정 변수에 1 빼기 바로 직전의 값

 

 

+) 증감 연산자 예시

let num = 10;
console.log(num++); // 10
console.log(num); // 11
console.log(++num); // 12

console.log('===========');

let num2 = 10;
console.log(num2--); // 10
console.log(num2); // 9
console.log(--num2); // 8

 

 

• 대입 연산자
  • 변수에 특정 값을 대입 해주는 연산자 ( = )
  • 복합 대입 연산자
    • 산술 연산자 + 대입 연산자

      • num += 1; // num = num + 1 와 같음.

• 논리 연산자
  • true, false 와 같은 boolean 타입의 값을 보통 반환하는 연산자.

! (not)	false -> true , true -> false 로 반환하는 연산자
|| (or)	연산시 하나라도 true 라면 true를 반환하는 연산자
&& (and)	연산시 모두 true 여야만 true를 반환하는 연산자

 

•  
• 비교 연산자
  • 두 개의 값을 비교할 때 사용하는 연산자
  • 일치 비교

==	피연산자 값만을 비교
===	피연산자 값과 타입을 비교

• • 불일치 비교

!=	피연산자의 값만을 비교
!==	피연산자의 값과 타입을 비교

• • 대소 비교

<	크면 true
<=	크거가 같으면 true
>	작으면 true
>=	작거나 같으면 true

 

• 연결 연산자
  • 더하기 기호를 활용해 문자열들을 연결 해주는 연산자.

let first_Str = 'Hello,';
let seconde_Str = " World!";

console.log(first_Str + seconde_Str); // 결과값 : Hello, World!

 

 

• null 병합 연산자
  • 피연산자가 확정되어있는지 확인하고 확정되어 있지 않다면 값을 할당해주는 연산자
    • ?? 기호의 왼쪽 값이 num이나 undefined 이면 오른쪽 값을 저장

• • 자바스크립트이 특별한 연산자
  • 연산자 기호는 ??

let num; // 값 할당X -> num = undefined 저장
num = num ?? 20; // num이 undefined이기에 20이 num에 저장.

console.log(num); // 결과값: 20

 

 

• 삼항 연산자
  • A ? B : C
  • A라는 조건이 참이며 B를 수행, 거짓이면 C를 수행
  • 간단한 조건문

let num = 10;

console.log(num % 2 == 0 ? "짝수" : "홀수"); // 10 출력

•