기본문법 [기초] 8.자바스크립트 연산자
페이지 정보

본문
8. 연산자
가. 연산자의 종류와 우선순위
자바스크립트를 프로그래밍 하는데 필요한 자료형들을 사용하는 방법으로 자바스크립트에서는 산술연산자, 관계연산자, 조건연산자, 논리연산자, 증감연산자, 대입연산자 등 6종의 연산자를 제공합니다.
이들 연산자에는 우선순위가 정해져 있습니다.
우선순위
연산자
내 용
1
(), []
괄호, 대괄호
2
!, ++, --
부정, 증감연산
3
*, /, %
곱셈, 나눗셈, 나머지
4
+, -
덧셈, 뺄셈
5
<<, >>, >>>
비트단위 시프트 연산
6
<, <=, >, >=
관계연산자
7
==, !=
관계연산자
8
&
비트단위 논리 연산자
9
^
비트단위 논리 연산자
10
|
비트단위 논리 산자
11
&&
논리곱
12
||
논리합
13
?:
조건연산자
14
=, +=, -=, /=, %=, <<=, >>=, &=, ^=, ~=
대입, 할당 연산자
나. 산술연산자
+
더하기
-
빼기
*
곱하기
/
나누기
%
나눈 나머지
산술연산자.html
1 <scRIPT LANGUAGE="Javascript">
2 <!--
3 var num1 = 5, num2 = 3;
4 document.write("num1 + num2 = " + (num1 + num2) + "<br>");
5 document.write("num1 - num2 = " + (num1 - num2) + "<br>");
6 document.write("num1 * num2 = " + (num1 * num2) + "<br>");
7 document.write("num1 / num2 = " + (num1 / num2) + "<br>");
8 document.write("num1 % num2 = " + (num1 % num2) + "<br>");
9 //-->
10 </scRIPT>
다. 관계연산자
관계연산자는 두 개의 데이터값과의 관계를 대소로 판단하여 참(true), 혹은 거짓(false)로 반환합니다.
A > B
A가 B보다 크다
A >= B
A가 B보다 크거나 같다
A < B
A가 B보다 작다
A <= B
A가 B보다 작거나 같다
A == B
A는 B와 같다
A != B
A는 B와 같지 않다
여기에서 중요한 것은 A 와 B 가 같다는 표현을 할 때는 '=' 가 아닌 '==' 로 표현한다는 것입니다. 자바스크립트에서 '='는 대입연산자로서 A = B 라고 하면 A 라는 변수에 B 값을 대입한다는 뜻입니다.
관계연산자.html
1 <scRIPT LANGUAGE="Javascript">
2 <!--
3 var num1 = 5;
4 var num2 = 3;
5 document.write("num1=5 이고, num2=3 일때<br><br>");
6 document.write("num1 > num2 연산의 결과는 " + (num1 > num2) + "<br>");
7 document.write("num1 >= num2 연산의 결과는 " + (num1 >= num2) + "<br>");
8 document.write("num1 < num2 연산의 결과는 " + (num1 < num2) + "<br>");
9 document.write("num1 <= num2 연산의 결과는 " + (num1 <= num2) + "<br>");
10 document.write("num1 == num2 연산의 결과는 " + (num1 == num2) + "<br>");
11 document.write("num1 != num2 연산의 결과는 " + (num1 != num2) + "<br>");
12 //-->
13 </scRIPT>
라. 조건연산자
조건연산자는 조건의 결과가 참 혹은 거짓중 하나일 때 사용하는 연산자입니다
형식 : 조건식 ? 구문-1 : 구문-2
조건식의 결과가 참(true)이면 구문-1을 실행하고, 거짓(false)이면 구문-2를 실행합니다.
조건연산자.html
1 <scRIPT LANGUAGE="Javascript">
2 <!--
3 var num1 = 5;
4 var num2 = 3;
5 num1 > num2 ?
6 document.write('num1 이 num2 보다 큽니다') : document.write('num2 가 num1 보다 큽니다')
7 //-->
8 </scRIPT>
마. 논리연산자
논리연산자는 각 논리값들 사이에 사용되는 연산자로 다음과 같은 형태로 사용되며, 결과값을 true 나 false 로 받을 수 있는 연산자입니다.
그 의미는 다음과 같습니다.
연산자
의미
연산적용
결과
!
부정, NOT의 의미
!(참)
거짓(false)
&&
AND의 의미로 두가지 모두 참일때만 참 입니다.
참&&참
참&&거짓
거짓&&참
거짓&&거짓
참(true)
거짓(false)
거짓(false)
참(true)
||
OR의 의미로 두 개중 하나만 참이면 참이 됩니다.
참||참
참||거짓
거짓||참
거짓||거짓
참(true)
참(true)
참(true)
거짓(false)
논리연산자.html
1 <scRIPT LANGUAGE="Javascript">
2 <!--
3 a = 3;
4 document.write("a 는 2보다 작은 수인가? : " + (a < 2) + "<br>");
5 document.write("a 는 2보다 큰 수인가? : " + (a > 2) + "<br>");
6 document.write("a 는 2보다 크고, 5보다 작은 수인가? : " + (a < 2 < 5) + "<br>");
7 document.write("a 는 3의 배수이거나 5의 배수인가? : " + (a%3==0 || a%5==0 ) +
"<br>");
8 document.write("a 는 3의 배수이면서 동시에 5의 배수인가? : " + (a%3==0 &&
a%5==0 ) + "<br>");
9 document.write("a 는 4가 아닌가? : " + (a != 4) + "<br>");
10 //-->
11 </scRIPT>
바. 증감연산자
증감연산자는 특정 변수에 저장되어 있는 값을 1씩 증가 혹은 감소시킬 때 사용하는 연산자로서 ++, -- 등이 있습니다
예를들어
a = 3 일 때, ++a 는 4, --a 는 2 가 됩니다
- 이전글[기초] 7.자바스크립트 변수 15.05.15
- 다음글[기초] 9.자바스크립트 제어문 15.05.15
댓글목록
등록된 댓글이 없습니다.

