[ES6] 08. 우선순위 연산자.
자바스크립트에서 연산자는 우선순위에 따라 처리됩니다. 이는 수학에서의 연산 우선순위와 유사하지만 몇 가지 차이가 있습니다.
자바스크립트의 연산자 우선순위는 다음과 같습니다.
1. 괄호: ()
2. 단항 연산자: +, -, !, typeof 등
3. 산술 연산자: *, /, %, +, -
4. 시프트 연산자: <<, >>, >>>
5. 비트 연산자: &, |, ^
6. 논리 연산자: &&, ||
7. 조건 연산자: ?:
8. 대입 연산자: =, +=, -=, *=, /=, %= 등
9. 콤마 연산자: ,
이제 이를 이해하기 위해 예시 코드를 살펴보겠습니다.
```javascript
var x = 10;
var y = 5;
var z = 2;
var result = x + y * z; // 우선순위: *, +
console.log(result); // 20
result = (x + y) * z; // 우선순위: (), *
console.log(result); // 30
result = ++x % z; // 우선순위: ++ (전위), %, =
console.log(result); // 1
result = x == y && y == z; // 우선순위: ==, &&
console.log(result); // false
result = x != y || y > z; // 우선순위: !=, ||
console.log(result); // true
```
위 코드에서는 여러 연산자가 사용됩니다. 첫 번째 예시에서는 산술 연산자(*)가 먼저 수행되며, 그 다음에 덧셈 연산자(+)가 수행됩니다.
두 번째 예시에서는 괄호가 먼저 평가되며, 덧셈 연산이 먼저 수행되고 나서 곱셈 연산자(*)가 수행됩니다.
세 번째 예시에서는 전위 연산자(++)가 먼저 수행되며, 그 다음에 나머지 연산자(%)가 수행됩니다.
네 번째 예시에서는 비교 연산자(==)가 먼저 평가되고, 그 다음에 논리 연산자(&&)가 수행됩니다.
마지막으로, 다섯 번째 예시에서는 비교 연산자(!=)가 먼저 평가되고, 그 다음에 논리 연산자(||)가 수행됩니다.
이렇게 자바스크립트에서 연산자를 이해하면, 코드 작성에 도움이 됩니다.
[ES6] 08. 단항 연산자, 이항 연산자 중에 단항 연산자가 우선순위가 높다.
자바스크립트는 단항 연산자와 이항 연산자를 모두 지원합니다.
## 단항 연산자(Unary Operators)
단항 연산자는 피연산자를 하나만 받습니다. 주로 증감 연산자나 부정 연산자로 사용됩니다.
### 증감 연산자(++, --)
증감 연산자는 변수의 값을 증가시키거나 감소시킵니다. 전위 연산자와 후위 연산자가 있습니다.
전위 연산자의 경우, 우선적으로 값을 1 증가시킨 후, 값을 반환합니다. 후위 연산자의 경우, 값을 반환한 후, 값을 1 증가시킵니다.
```javascript
let x = 10;
console.log(++x); // 11
console.log(x); // 11
let y = 10;
console.log(y++); // 10
console.log(y); // 11
```
### 부정 연산자(!)
부정 연산자는 표현식이 true면 false를 반환하고, false면 true를 반환합니다.
```javascript
console.log(!true); // false
console.log(!false); // true
```
### typeof 연산자
typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환합니다.
```javascript
console.log(typeof 3); // number
console.log(typeof 'hello'); // string
console.log(typeof true); // boolean
console.log(typeof null); // object
console.log(typeof undefined); // undefined
```
## 이항 연산자(Binary Operators)
이항 연산자는 피연산자를 두 개 받습니다. 대표적인 이항 연산자로는 산술 연산자, 비교 연산자, 논리 연산자가 있습니다.
### 산술 연산자(+, -, *, /, %)
산술 연산자는 두 개의 숫자를 대상으로 수학 연산을 수행합니다.
```javascript
console.log(5 + 2); // 7
console.log(5 - 2); // 3
console.log(5 * 2); // 10
console.log(5 / 2); // 2.5
console.log(5 % 2); // 1
```
### 비교 연산자(==, !=, >, >=, <, <=)
비교 연산자는 두 개의 값을 비교하여 논리적인 참 또는 거짓 값을 반환합니다.
```javascript
console.log(5 == 5); // true
console.log(5 != 5); // false
console.log(5 > 2); // true
console.log(5 >= 2); // true
console.log(5 < 2); // false
console.log(5 <= 2); // false
```
### 논리 연산자(&&, ||)
논리 연산자는 논리적인 AND(&&)와 OR(||) 연산을 수행합니다.
```javascript
console.log(true && true); // true
console.log(true && false); // false
console.log(false && false); // false
console.log(true || true); // true
console.log(true || false); // true
console.log(false || false); // false
```
위 예시는 Connect Four 게임에서 사용되는 로직과 유사합니다.
#자바스크립트 #자바스크립트기초 #자바스크립트강좌 #자바스크립트강의 #자바스크립트입문 #자바스크립트변수 #자바스크립트역사 #바닐라자바스크립트 #자바스크립트기초강좌 #자바스크립트강의 #자바스크립트데이터타입 #자바스크립트자료구조 #자바스크립트강좌추천
#자바스크립트 #연산자 #자바스크립트연산자 #자바스크립트강좌 #자바스크립트기초 #자바스크립트강의 #자바스크립트입문 #바닐라자바스크립트 #자바스크립트기초강좌 #자바스크립트데이터타입 #자바스크립트강의 #논리연산자 #자바스크립트역사 #자바스크립트변수
댓글