[JS] 22-05-30 자바스크립트 연산자 ☑

연산자 (특정값을 조회하여 변환액션을 만드는 것)

피연산자에게 연산 명령을 내리기위해 사용하는 기호

연산자의 종류 : 문자열연산자, 산술연산자, 비교연산자, 논리연산자, 조건연산자, 대입연산자

 

[간략설명]

문자열연산자: + 하면 문자끼리붙여서 출력한다

산수연산자 : ++은 1씩늘어간다는 의미이다.

조건연산자 : 특정조건에따라, 참/거짓이 나온다.

대입연산자 : += 은 기존값에 어떤값을+한다(아래예시참고)

<script>
        var kor = 100;
        console.log(kor);
        kor+= 50;
        console.log(kor);
        //기존kor에 +50을 더한다.
    </script>

순서대로 값이 변경되면서 계산해나간다.

** =거듭제곱

 

 /는 그냥 나누기(5 / 2 == 2.5)고.. %는 나머지(5 % 2 == 1)이다.

% 나머지 값은 자주사용된다.

사용 예)

홀수:  X%2 = 1

짝수:  Y%2 = 0

어떤값이 들어와도 5를 넘기면 안돼

X % 5 = 0~4사이의 값만 반환

​

증감연산자는 증가연산자(++) / 감소연산자(--)로 나뉜다.

증가연산자는 변수값을 1 증가시키고 감소연산자는 변수값을 1 감소시킨다.

​

또한 증감연산자는 전위(++n) / 후위(n++)로 나뉜다.

전위나 후위나 증감연산자가 사용된 후의 n을 출력하면 1이 증가된 값을 갖게된다

​

전위 (++n) [연산을 먼저 하고 출력을 나중에 하겠다]

1증가된 값이 연산결과값이다.

후위 (n++) [출력을 먼저하고 연산을 나중에 하겠다]

1증가하기 전 값이 연산결과값이다.

 

비교연산자

!= 값이다른지비교한다

!== 값 또는 타입이 다른지 비교한다. (표9-8 예시는 x와 5가 둘다문자열이라 true이다)

논리연산자

&& 모두참일때만 참, 하나라도 거짓이면거짓

|| 하나라도 참이면 참, 모두가 거짓이면 거짓

! 참이라면 거짓, 거짓이라면 참

    <script>
        var x=5;
        var y=7;
        var result;
        result=(x<10 && y>10); // 참&&거짓 //논리곱
        document.write("(x<10 && y>10) : " + result + "<br>");
        result=(x<10 || y>10); // 참||거짓 //논리합
        document.write("(x<10 || y>10) : " + result + "<br>");
        result=!(x<10 && y>10); // 참||거짓 //논리 부정
        document.write("!(x<10 && y>10) : " + result + "<br>");
        </script>

위 코드 출력결과값

 

위 일반 논리연산자와 비슷하다.

 <script>
        var x=5; //0101
        var y=7; //0111
        var result;
        result=(x & y); //비트곱 ///0101 =5
        document.write("x & y = " + result + "<br>");
        result=(x | y); //비트합 //0111 =7
        document.write("x & y = " + result + "<br>");
        result=(x ^ y); //배타적 비트합 //0010 =2
        document.write("x & y = " + result + "<br>");
        result=(~x); //비트 부정 // 1010 =-6 
        document.write("x & y = " + result + "<br>");
        //1:0001 , 2:0010 , 3:0011 , 4:0100 , 5:0101 , 6:0110 , 7:0111
    </script>

위코드 출력값

조건연산자 (if문)

조건을 판별하여 참이냐 거짓이냐에 따라 다음 문장을 선택적으로 실행한다.

(조건) ? exp1 : exp2

 

F 문으로 표현한 조건문 : 
 
if (a > b){
   c = 10;
}else {
   c = 20;
}
 
위의 식을 조건 연산자로 고쳐 쓰면 다음과 같습니다. 아주 간단하게 표현이 되죠.
 
(a > b) ? c = 10 : c = 20;

 

대입연산자는 기존값에 어떤값을 대입한다

 

첨부 이미지출처 : 한빛