-
JavaScript 연산자Front-End/JavaScript 2024. 2. 23. 12:32728x90반응형
연산자
할당 연산자
- 일반 할당(=) : x = y 꼴에서 y를 x에 할당- 더하기 복합 대입 연산(+=) : x += y 꼴에서 x와 y를 더한 값을 x에 재할당, x = x + y와 같음
- 빼기 복합 대입 연산(-=) : x -= y 꼴에서 x에 y를 뺀 값을 x에 재할당, x = x - y와 같음
- 곱하기 복합 대입 연산(*=) : x *= y 꼴에서 x에 y를 곱한 값을 x에 재할당, x = x * y와 같음
- 나누기 복합 대입 연산(/=) : x /= y 꼴에서 x에 y를 나눈 값을 x에 재할당, x = x / y와 같음
- 나머지 복합 대입 연산(%=) : x %= y 꼴에서 x에 y를 나눈 나머지를 x에 재할당, x = x % y와 같음
- 거듭 제곱 복합 대입 연산(**=) : x **= y 꼴에서 x의 y제곱값을 x에 재할당, x = x ** y와 같음
- 논리 AND 복합 대입 연산(&&=) : x &&= y 꼴에서 x와 y가 모두 참인가에 대한 여부를 x에 재할당, x = x && y와 같음
- 논리 OR 복합 대입 연산(||=) : x ||= y 꼴에서 x와 y 중 하나이상 참인가에 대한 여부를 x에 재할당, x = x || y와 같음
- 널리쉬 병합 복합 대입 연산(??=) : x ??= y 꼴에서 x가 널리쉬일 경우 y값을, 아니라면 x값을 x에 재할당, x = x ?? y와 같음비교 연산자
- 동등(==) : x == y 꼴에서 x와 y의 값이 같은가에 대한 여부. 타입 비교를 하지 않음에 유의
- 부등(!=) : x != y 꼴에서 x와 y의 값이 다른가에 대한 여부. 타입 비교를 하지 않음에 유의
- 일치(===) : x === y 꼴에서 x와 y의 값과 타입이 모두 같은가에 대한 여부
- 불일치(!==) : x !== y 꼴에서 x와 y의 값 혹은 타입이 다른가에 대한 여부
- 초과(>) : x > y 꼴에서 x가 y보다 큰가의 여부
- 미만(<) : x < y 꼴에서 x가 y보다 작은가의 여부
- 이상(>=) : x >= y 꼴에서 x가 y보다 크거나 같은가의 여부
- 이하(<=) : x <= y 꼴에서 x가 y보다 작거나 같은가의 여부산술 연산자
- 더하기(+) : x + y 꼴에서 x와 y를 더한 값. 단, 피연산자 중 하나 이상이 문자열일 경우 문자열 합치기 수행
- 빼기(-) : x - y 꼴에서 x에서 y를 뺀 값.
- 곱하기(*) : x * y 꼴에서 x와 y를 곱한 값
- 나누기(/) : x / y 꼴에서 x를 y로 나눈 몫, 소수자리까지 나눔, 10 / 3 = 3.3으로 나옴
- 나머지(%) : x % y 꼴에서 x를 y로 나눈 나머지
- 거듭제곱(**) : x ** y 꼴에서 x의 y제곱(x^y)이다.
- 단항 양수(+) : +x 꼴에서 변수 x의 부호를 강조하거나, x의 타입이 number가 아닐 때 number로의 형 변환을 시도하게 한다.
- 단항 음수(-) : -x 꼴에서 변수 x의 부호를 반전.
- 증가(++)
전위 증가 : ++x 꼴에서 구문 실행 전 x에 1을 더한다.
후위 증가 : ++x 꼴에서 구문 실행 후 x에 1을 더한다.
- 감소(--)
전위 감소 : ++x 꼴에서 구문 실행 전 x에 1을 뺀다.
후위 감소 : ++x 꼴에서 구문 실행 후 x에 1을 뺀다.논리 연산자
- 논리 AND(&&) : x && y 꼴에서 x와 y 모두 참(true)인가의 여부
- 논리 OR(||) : x || y 꼴에서 x와 y중 하나 이상 참(true)인가의 여부
- 논리 NOT, 부정(!) : !x 꼴에서 x의 논리를 부정(반전)한다.삼항 연산자
- (? :) : c ? t : f 꼴에서 조건 c가 ㅇ참이면 t, 거짓이면 f기타 연산자
- typeof : typeof x 꼴에서 x의 타입인 문자열
- 옵셔널 체이닝 멤버 접근 연산자(Optional Chaining Member Access Operator, ?.) :
x?.y 꼴에서 x의 멤버인 y에 접근할 때 x가 널리쉬(Nullish, null 혹은 undefined)라면, 오류를 발생시키는 대신, 전체 undefined로 갈음한다.
- 널리쉬 병합 연산자(Nullish Coalescing Operator, ??)
x ?? y 꼴에서 x의 값이 널리쉬(Nullish, null 혹은 undefined를 의미한다)일 때 y값을 대신 사용하고, 그렇지 않다면 x값을 그대로 사용한다연산자의 우선순위
- 연산자 사이에는 연산되는 우선순위가 있으며 아래는 숫자가 작을수록 우선순위가 높다는 의미.(1번이 가장 높은 우선순위)
1. 멤버, 인자 접근(. , [])
2. 객체화, 함수 호출, 우선 연산(new, (), ())
3. 증감, 단항 양수, 단항 음수, 부정, typeof (++, --, +, -, !, typeof)
4. 거듭 제곱(**)
5. 곱하기, 나누기, 나머지(*, /, %)
6. 더하기, 빼기(+, -)
7. 초과, 미만, 이상, 이하(>, <, >=, <=)
8. 동등, 부등, 일치, 불일치(==, !=, ===, !==)
9. 논리 AND(&&)
10. 논리 OR(||)
11. 널리쉬 병합 연산자, 삼항 연산자(??, ? :)
12. 할당, 복합 대입 연산자(=, +=, -=, *=, /=, %=, &&=, ||=, ??= 등)728x90반응형'Front-End > JavaScript' 카테고리의 다른 글
JavaScript DOM, Window (0) 2024.02.23 JavaScript 오브젝트 (0) 2024.02.23 JavaScript 함수 (0) 2024.02.23 JavaScript 조건문과 반복문 (0) 2024.02.23 JavaScript 변수와 상수, 배열 (0) 2024.02.23