1. 연산자!
연산자에 대해서는 본 블로그의 다른 게시물에 기본적인 설명이 되어있다.
아래의 링크를 참고해서 확인하면 도움이 될 것 같다.
자바 스크립트에서도 자바에서 사용하는 기본 연산자들을 동일하게 사용한다.
위의 게시글과 크게 다르지 않은 설명일 수 있지만 그래도 다시 한 번 적어보려한다.
1) 산술 연산자
산술 연산자는 말 그대로 사칙연산에 대한 연산자이다.
아래의 코드에서 출력되는 값은 자바에서의 연산값과 같다.
document.write(5+3);
document.write(5-3);
document.write(5*3);
document.write(5/3);
document.write(5%3);
연산자 | 연산 예 |
+ | 5+3 |
- | 5-3 |
* | 5*3 |
/ | 5/3 |
% | 5%3 |
2) 비교 연산자
비교 연산자도 자바와 마찬가지로 두 항의 관계에 대해 비교해주는 연산자이다.
출력값은 논리형으로 반환되며 맞다(true)와 틀리다(false)로 나온다.
연산자 | 기능 | 연산 예 | ||
> | 왼쪽 항이 크면 참을, 아니면 거짓을 반환한다. | num > 3; | ||
< | 왼쪽 항이 작으면 참을, 아니면 거짓을 반환한다. | num < 3; | ||
>= | 왼쪽 항이 오른쪽 항보다 크거나 같으면 참을, 아니면 거짓을 반환한다. | num >= 3; | ||
<= | 왼쪽 항이 오른쪽 항보다 작거나 같으면 참을, 아니면 거짓을 반환한다. | num <= 3; | ||
== | 두 개의 항의 값이 같으면 참, 아니면 거짓을 반환한다. | num == 3; | ||
!= | 두 개 항이 다르면 참, 아니면 거짓을 반환한다. | num != 3; |
3) 논리 연산자
논리 연산자는 조건이 2개 이상일 경우 전체적으로 판단을 내려주는 연산자이다.
결과 값은 논리형(boolean)으로 반환되며 [그리고, 또는, 부정(둘 다 아니다)] 의 판단을 내릴 수 있다.
연산자 | 기능 | 연산 예 | ||
&& - 그리고 (논리 곱) |
두 항이 모두 참인 경우에만 결과 값이 참 그렇지 않은 경우에는 거짓 |
boolean val = (5 > 3) && (5 > 2); |
||
|| - 또는 (논리 합) |
두 항 중 한 항만 참인 경우에만 결과 값이 참 두 항 모두 거짓이면 결과 값은 거짓 |
boolean val = (5 > 3) || (5 < 2); |
||
! - 둘 다 아니다 (부정) |
단항 연산자이다. 참인 경우에는 거짓으로 바꾸고, 거짓인 경우는 참으로 바꾼다. |
boolean val = !(5 > 3); |
* | 기호가 어디있지? : 역슬래시 기호를 shift 누른 상태로 입력하면 입력된다.
4) 결합 연산자
결합연산자는 괄호를 뜻한다.
사칙연산에서 괄호의 위치에 따라 계산 결과가 달라지는 것을 말한다.
document.write(3+4+5/2); // 9.5
document.write((3+4+5)/2); // 6
5) 대입 연산자
대입 연산자는 기본적으로 '=' 를 뜻한다.
그러나 여기에 앞에서 배웠던 산술 연산자를 더한 복합 대입 연산자의 형태로 만들어 사용하기도 한다.
아래의 표를 봐보자.
연산자 | 기능 | 연산 예 | ||
+= | 두 항의 값을 더해서 왼쪽 항에 대입한다. | num1 += 2; | ||
-= | 왼쪽 항에서 오른쪽 항을 빼서 그 값을 왼쪽 항에 대입한다. | num1 -= 2; | ||
*= | 두 항의 값을 곱해서 왼쪽 항에 대입한다. | num1 *= 2; | ||
/= | 왼쪽 항을 오른쪽 항으로 나누어 그 몫을 왼쪽 항에 대입한다. | num1 /= 2; | ||
%= | 왼쪽 항을 오른쪽 항으로 나누어 그 나머지를 왼쪽 항에 대입한다. | num1 %= 2; |
6) 증감 연산자
증가, 감소 연산자는 단항 연산자이다.
연산자 앞이나 뒤에 사용하며 값을 1만큼 늘리거나 1만큼 줄인다.
이 때 기호가 앞에 붙냐, 뒤에 붙냐에 따라 처리되는 과정이 다르다.
연산자 | 기능 | 연산 예 | |||||
++ | 항의 값에 1을 더한다. | val = ++num; // 먼저 num의 값이 1 증가한 후 val 변수에 대입 val = num++; // val 변수에 기존 num 값을 먼저 대입한 후 num 값 1 증가 |
|||||
__ | 항의 값에 1을 뺀다. | val = --num; // 먼저 num의 값이 1 감소한 후 val 변수에 대입 val = num--; // val 변수에 기존 num 값을 먼저 대입한 후 num 값 1 감소 |
2. 연산자의 우선 순위
우선순위 | 형 | 연산자 | 연산 방향 |
1 | 일차식 | () [] | → |
2 | 단항 | ! ++ -- + - | ← |
3 | 산술 | * / % | → |
4 | 산술 | + = | → |
5 | 관계 | < > <= >= | → |
6 | 관계 | == != | → |
7 | 논리 곱 | && | → |
8 | 논리 합 | || | → |
9 | 대입 | = += -= *= %= /= | ← |
'⁂ Java Script > : 기본 익히기' 카테고리의 다른 글
[JS] #2-3 JS로 돈을 세어보자(공사중) (0) | 2022.08.04 |
---|---|
[JS] #2-2 형 변환(Type Conversion) (0) | 2022.08.04 |
[JS] #1-4 객체 (0) | 2022.08.03 |
[JS] #1-3 상수와 변수 (0) | 2022.08.03 |
[JS] #1-2 Data(데이터) (0) | 2022.08.03 |