Frontend/JS

JS_연산자

AIHYEONJI 2025. 4. 10. 17:22

1. 산술 연산자(Arithmetic Operators)

  • + : 더하기
  • -  : 나누기
  • *  : 곱셈
  • /  : 나눗셈
  • %  : 나머지

2. 비교 연산자(Comparison Operators)

  • == : 값이 같은가?        cf. 자바스크립트의 자동변환에 주의하자
  • === : 값과 자료형이 모두 같은가?
  • != : 값이 다른가?
  • !== : 값 또는 자료형이 다른가?
  • > / >= : 초과 / 이상
  • < / <= : 미만 / 이하

 

3. 논리 연산자(Logical Operators)

  • && : AND   → boolean의 경우 곱하기로 생각하면 이해하기 쉬움👍   Ex. True(=1) * False (=0) =  False(=0)
  • || : OR → boolean 의 경우 더하기로 생각하면 이해하기 쉬움
  • ! : NOT 부정

4. 할당 연산자 (Assignment Operators)

  • =  ,  +=  ,  -=  , *=  , /=

5. 증감 연산자 (Increment / Decrement)

  • ++ : 1증가
  • -- : 1감소

증감 연산자는 전칙 / 후칙으로 나뉜다. (height ++ : 전칙 / ++height : 후칙)

let num = 10;
num++; //11
console.log(num); // 11
++num; // 12
console.log(num); // 12
let result = 0; // 0
result = ++num; // 1
console.log(result); // 1
result = num++; // 13 , ++가 =보다 우선순위가 떨어짐 따라서 13을 먼저 result에 저장하고
console.log(result); // 13
// num =14가 나중에 저장됨 따라서 result = 13 / num = 14 이다(화살표 상상해서 착각하지 않기!)

 

 

6. 비트 연산자

정수를 이진수로 변환한 후 , 각 자릿수의 비트를 기준으로 연산한다.

  • & : 비트 AND
  • | : 비트 OR
  • ^ : 비트 XOR   → 서로 다르면 1
  • ~ : 비트 NOT → 0 1로 / 1 0 변환
  • << : Left Shift → 오른쪽 방향으로  n개의 0을 생성
  • >> Right Shift → 오른쪽 끝에서부터 왼쪽 방향으로부터 n개의 비트를 삭제
console.log("-------비트 연산자-------");

// 비트 연산자
//16 8 4 2 1
let a = 23; // 1 0 1 1 1
let b = 14; // 0 1 1 1 0
// 비트 AND : &
console.log(a & b);
// 비트 OR(둘 중 하나라도 1이면 1) : |
console.log(a | b);
// 비트 XOR(OR랑 반대개념) : ^
console.log(a ^ b);
// 비트 NOT : ~
// 이진법의 맨 앞은 부호를 나타내며 0은 양수 1은 음수이다.
// Ex) ~32를 하면 음수값으로 답이 나올 것이다.
console.log(~a);
// 5 -> -5로 만들고 싶다면 ~5 + 1 = -5
console.log(~a + 1);
// Left Shift : 오른쪽에 n개의 0이 연속적으로 붙음
console.log(a << 1);
// Right Shift
console.log(a >> 1);
 

 

 

7. 연산자 우선순위

할당 연산자보다 더 아래에 있는것은 후칙연산자

따라서   num++   →    =      ++num 이 순서로 적용된다 

'Frontend > JS' 카테고리의 다른 글

function & class 학습응용  (0) 2025.04.23
for문을 이용한 응용  (0) 2025.04.23
JS_조건문  (0) 2025.04.10
JS_변수형  (0) 2025.04.09
JavaScript 시작  (0) 2025.04.09