본문 바로가기

JavaScript

JavaScript 연산자

java script 의 연산자에는 다음과 같은 종류가 존재한다.

 

1. 산술 연산자

number type 데이터를 연산할때 사용한다.

+, -, *, /, % (나머지 연산자)

        let result1=10+1;
        let result2=10-1;
        let result3=10*10;
        let result4=10/2;
        let result5=10%3; // 10을 3으로 나눈 나머지값 1

 

산술 연산을 할 때 숫자가 들어있는 변수명으로 할수도 있다.

        let num1=10;
        let num2=1;
        let result6=num1+1;
        let result7=num1%3;
        let result8=num1-num2;

 

object 혹은 array 에 들어 있는 데이터를 이용해서 연산을 할수도 있다.

        let obj={first:10, second:20};
        let arr=[10,20,30];
       
        let result9=1+obj.first;
        let result10=10*arr[1];

obj.first = 10

arr[1] = 20

 

 

2. 논리(boolean) 연산자

논리값을 연산해주는 연산자

 

and 연산자 &&

연산에 참여하는 boolean 값이 모두다 true 면 결과는 true 이다.

        let result1=false&&false; // false
        let result2=false&&true; // false
        let result3=true&&false; // false
        let result4=true&&true; // true

 

or 연산자 ||

연산에 참여하는 boolean 값이 어느 하나만 true 면 결과는 true 이다.

        let result5=false||false; // false
        let result6=false||true; // true
        let result7=true||false; // true
        let result8=true||true; // true

 

!는 논리값을 반전시키는 not 연산자이다.

읽을때는 "~가 아니면" 이라고 읽으면 된다.

        let result9=!true; // false
        let result10=!false; // true

 

 

3. 대입 연산자

대입 연산자에는 다음과 같은 종류가 존재한다.

            =   => 우측에 있는 값을 좌측에 대입
            +=  => 우측에 있는 값을 좌측에 있는 원래 값에 더해서 대입 
            -=  => 우측에 있는 값을 좌측에 있는 원래 값에 빼서 대입
            *=  => 우측에 있는 값을 좌측에 있는 원래 값에 곱해서 대입
            /=  => 우측에 있는 값을 좌측에 있는 원래 값에 나누어서 대입
            %=  => 우측에 있는 값을 좌측에 있는 원래 값을 나눈 나머지 값을 대입 

        let num2=100;

        num2 += 10;

num2 = 110

 

        let num3=100;
        num3 -= 10;

num3 = 90

 

        let num4=100;
        num4 *= 10;

num4 = 1000

 

        let num5=100;
        num5 /= 10;

num5 = 10

 

        let num6=100;
        num6 %= 3;

num6 = 1

 

 

4. 비교 연산자

        ==  같은지 비교
        != 다른지 비교
        >  큰지 비교
        >= 크거나 같은지 비교
        <  작은지 비교
        <= 작거나 같은지 비교

 

비교 연산자로 주로 하는 작업

1-1. 문자열의 내용이 같은지 다른지 비교

        let myName = "김구라"
        let isEqual = myName == "김구라"; // true
        let isDifferent = myName != "해골"; // true


1-2. 숫자의 크기 비교

        let myNum = 100;
        let isBigger = myNum > 50; // true
        let isSmaller = myNum < 200; // true


1-3. 숫자가 같은지 다른지 비교

        let yourNum=100;
        let isNumEqual= youtNum == 101; // false
        let isNumDiff= youtNum != 101; // true


1-4. 논리값이 같은지 다른지 비교

        let isRun=true;
        let result= isRun ==true; // true;
        let result2= isRun != false; //true;


1-5. 문자열의 알파벳 순서 혹은 가나다 순서 비교

        let result3= "a" < "b"; // true;
        let result4= "가" > "나"; // false

 

 

5. 증감 연산자

        ++ => 1 증가 시키기
        -- => 1 감소 시키기

증감 연산자를 변수명의 앞이나 뒤에 위치시킨다.

        let num=0;
        num ++;
        let num3=0;
        ++num3;

num = 1

num3 = 1

 

        let num2=0;
        num2 --;

num2 = -1

 

 

6. 3항 연산자

3개의 항을 연산해서 결과값을 얻어내는 연산자

? 왼쪽의 값이 true 면 왼쪽의 값이 나오고

? 왼쪽의 값이 false 면 오른쪽의 값이 나온다.

        let result1 = true ? "하나" : "두울";
        let result2 = false ? "하나" : "두울";
       
        let result3 = true ? 10: 20;
        let result4 = false ? 10: 20;

 

 

 

'JavaScript' 카테고리의 다른 글

JavaScript EventListener  (0) 2023.04.17
JavaScript 조건문(if) 실습 예제  (0) 2023.04.13
JavaScript 반복문(for) 실습 예제  (0) 2023.04.13
JavaScript Document querySelector  (0) 2023.04.12
JavaScript Data type  (0) 2023.04.10