메인메뉴 바로가기

HOME으로 가기


Javascript

기본문법 | [기초] 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 가 됩니다
 
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기