[Java Script] 자바스크립트 다양한 연산자 종류

■ 연산자 

자바스크립트의 연산자는 산술(arithmetic) 연산자, 할당(assignment) 연산자. 문자열(string) 연산자, 비교(copmaparison) 연산자, 그리고 논리(logical) 연산자가 있다.
- 산술 연산자 : 숫자 연산에 사용된다. + 덧셈, - 뺄셈, * 곱셈, / 나눗셈, % 나머지, ** 거듭제곱, ++ 1 증가, -- 1 감소가 있다. 
                           일반 사칙연산에서처럼 곱셈과 나눗셈이 덧셈과 뺄셈에 우선하고 필요하면 ( )로 계산 순서를 변경할 수 있다. 
- 할당 연산자 : 할당 연산자는 데이터나 변수 값을 다시 변수에 저장해서 메모리 공간에 할당한다. <= 처리 속도가 빨라진다. 

 

연산자	예	같은 표현	의미
=	x = 2	-	2를 변수에 x에 저장
+ =	x + = 2	x=x+2	현재 x에 2를 더해서 얻은 값을 다시 x에 저장
- =	x - = 2	x = x - 2	현재 x에 2를 뺀 값을 다시 x에 저장
* =	x  * = 2	x = x * 2	현재 x에 2를 곱한 값을 다시 x에 저장
/ =	x / = 2	x = x / 2	현재 x의 값을 2로 나눈 값을 다시 x에 저장
% =	x % = 2	x = x % 2	현재 x의 값을 2로 나눈 나머지 값을 다시 x에 저장

 

 <script>
        var x = 15;
        document.write("x의 값은 : " + x);
        document.write("<br>");
        var y = 4;
        document.write("x의 값은 : " + y);
        document.write("<br>");
        var a = x + y;
        document.write("a의 값은 : " + a);
        document.write("<br>");
        var b = x - y;
        document.write("b의 값은 : " +b);
        document.write("<br>");
        var c = x * y;
        document.write("c의 값은 : " + c);
        document.write("<br>");
        var d = x / y;
        document.write("d의 값은 : " + d);
        document.write("<br>");
        var e = x % y;
        document.write("e의 값은 : " + e);
        document.write("<br>");
        var f = x ** 3;
        document.write("f의 값은 : " + f);
        document.write("<br>");
        var g = x++;
        document.write("g의 값은 : " + g);
        document.write("<br>");
        var h = --y;
        document.write("h의 값은 : " + h);
        document.write("<br>");
        var i = (10 + x) * y;
        document.write("i의 값은 : " + i);
        document.write("<br>");  
    </script>

---

  <script>
        var x = 10;
        x += 2;
        document.write(x);
        document.write("<br>");
// 답 : 12
        x -= 4;
        document.write(x);
        document.write("<br>");
// 답 : 8
        x /= 2;
        document.write(x);
        document.write("<br>");
// 답 : 4
        x % 3;      
        document.write(x);
        document.write("<br>");
// 답 : 1
    </script>

 

■ 문자열 연결 연산자

문자열과 숫자를 + 기호로 연결하면 문자열이 된다.

 

   <script>
        var name = "홍길동";
        document.write(name +"님 안녕하세요???");
        document.write("<br>");
        var age = 20;
        document.write("나이 : " + age);
    </script>

 

■ 비교 연산자

비교 연산자는 두 개의 데이터(or 변수)의 값을 서로 비교하는데 사용된다. 이는 프로그래밍에서 조건을 판단 할 때 주로 사용되는데 조건문과 반복문에서 사용된다.

 

비교연산자	의미	예	결과	설명
==	같다	3 == 3;	true	3은 3과 같다. true
		“3” == 3;	true	“3”은 문자열, 데이터형이 달라도 true
===	값과 데이터형이 같다	3 === 3;	true	3은 3과 같다. 데이터형도 같다. true
		“3” === 3;	false	데이터 형이 달라서 false
!=	다르다	3 != 3;	false	3과 3은 다르다고 해서 false
		“3” != 3;	false	“3”과 3을 같다고 해서 false
!==	값과 데이터형이 다르다	3 !== 3;	true	3은 3을 다르다고 해서 false
		“3” !== 3;	true	“3”과 3은 데이터형이 다르므로 true
>	크다	5 > 3	true	5는 3보다 크다로 true
<	작다	5 < 3	false	5는 3보다 작다로 false
> =	크거나 같다	5 >= 3	true	5는 5보다 크거나 같다로 true
< =	작거나 같다	5 <= 3	true	5는 5보다 작더나 같다로 true

 

■ 논리 연산자

컴퓨터 논리 연산을 통해서 상황을 판단하고 명령을 수행한다. 논리 연산자에는 &&(AND), |(OR), !(NOT)연산자가 있다.

 

논리 연산자	연산	의미
&&	AND	두 조건이 모두 true일 때만 최종적으로 true
||	OR	두 조건 중 하나만 true 이어도 최종적으로 true
!	NOT	결과가 true면 false, 결과가 false면 true로 변경

<script>
        var x = 10;
        var y = 60;
        document.write( (x>30 && y>50) + "<br>");
        //답:false
        document.write( (x>30 || y>50) + "<br>");
        //답:true
        document.write( !(x==y) + "<br>");
         //답:true
    </script>