JS Operator(연산자)

간단하게 JS 연산자에 대해 알아보도록 하자.

연산자 : JS에서 필요한 연산들을 제공하는 값들

🧭 산술연산자 (우리가 알고있는 그 사칙연산)

var a = 10, b =5;
var c = 3, d= 4;

    console.log(a+b); 
    console.log(a-b);
    console.log(a*b);
    console.log(a/b);
    console.log(a%b);
    console.log(3*(d+b));

🌠 대입연산자 : 변수에 값을 대입할때 사용하는 이항연산자.

다른 말로 할당 연산자라고도 함 : =, +=, -=,
대입연산자의 목적 : 값을 누적하기 위해

var w = 10; x = 10, y =20;
        
        z = w-5;
        y -= w; // 좌항 y에 우항 w의 값을 -한 후 그 결과값을 좌항에 대입

        console.log(z); //결과값 : 5
        console.log(y); //결과값 : 10
        
        w+=y;
        console.log(w); //결과값 : 20

        w*=y;
        y/=x;
        console.log(w); //결과값 : 200
        console.log(y); //결과값 : 1

⏩ 증감연산자 (단항 산술연산자)

++,--, +,-

        var inc = 20;
        var dec = 10,result;
        
        //선대입 후증가(후위 연산)
        result = inc++;
        console.log(result, inc); //결과값 : 20, 21

        //선증가 후대입 (전위 연산)
        result= ++inc;
        console.log(result, inc); //결과값 : 22, 22
		
		//선대입 후감소
        result = inc--;
        console.log(result, inc)//결과값 : 22, 21

🚻 비교연산자 ( 좌 우항의 상대적 크기를 판단해 T/F 를 리턴)

==,===, !=, !==, >, >=, <, <=

x==y : 동등비교(동등연산자) -> 좌 우항의 값이 같음
x===y : 일치비교(일치연산자) -> 좌 우항의 값과 타입이 같음

x!=y : 부등비교(부동연산자) -> 좌 우항의 값이 다름.
x!==y : 불일치비교(불일치연산자) -> 좌 우항의 값과 타입이 다름

x>y : 좌항이 우항보다 크면(초과) T 
x>=y : 좌항이 후항보다 크거나 같으면(이상) T
x<y : 좌항이 우항보다 작으면(우항이 좌항보다 크면)T
x<=y : 좌항이 우항보다 작거나 같으면(우항이 좌항보다 크거나 같으면)T

이상, 이하, 미만, 초과

동등비교와 일치비교를 헷갈리지 말자
console.log(10=='10'); //T 
console.log(10==='10'); //F

console.log(10!=10); //오히려 같으니 false
console.log(10!==10); // 둘중 하나라도 다르면 T

🚩 논리 연산자 : 좌 우항의 피연산자를 논리연산.

|| (OR), &&(AND), !(NOT)

 x  y (+) OR 
        (OR은 두항이 있다 가정했을때 둘중 하나라도 TRUE라면 무조건 트루)
        0  0  0 -> 거짓 + 거짓 = 거짓
        0  1  1 -> 거짓 + 진실 = 진실
        1  0  1 -> 진실 + 거짓 = 진실
        1  1  1 -> 진실 + 진실 = 진실

=================================================================
x  y (*) AND
        AND는 두항이 있다 가정할때 둘중 하나라도 False라면 
      	무조건 False 출력
        0  0  0 -> 거짓 + 거짓 = 거짓
        0  1  1 -> 거짓 + 진실 = 거짓
        1  0  1 -> 진실 + 거짓 = 거짓
        1  1  1 -> 진실 + 진실 = 진실
=================================================================
! = NOT(부정 = 청개구리)
        console.log(!true); //결과값 : false;

연산자 종류는 이정도가 있다. JAVA공부할때 배운 내용이긴 하지만 기초적인 부분도 자주 복습해서 외우자😶

⏩ 다음은 제어문에 대해 알아보자

제어문 : 프로그램의 순차적 흐름을 제어할때 사용하는 실행문

주어진 조건에따라 코드를 실행하거나 반복할때 사용하는 문법

블록라인(블록문)

블록라인은 아래와 같이 단독사용도 가능하지만,

 {
  	var a = 100;
    console.log(a);
 }

일반적으로는
제어문들이나 함수 선언 및 객체에 속성을 선언시 사용.
블록라인 뒤에는 세미콜론을 붙이지 않는다.

삼항연산자

피연산자(좌,우항 + 1개의 항)를 세개나 가지는 조건연산자

예제 1

//삼항연산자 실습
// var result =  표현식 ? 표현식이 참일때 값 : 표현식이 거짓일때 값

var a =10;
var b = 20;

var result = (a>b) ? "ㅋㅋㅋㅋ":"거짓";
alert(result); //결과값 : "거짓"

결과값은 10>20 거짓이기 때문에 result의 값은 "거짓"이 출력된다.

예제 2

//삼항연산자 실습2
// 미성년자 검출 조건 19초과

var age = 20;

var result2 = (age>19) ? "성인입니다":"급식입니다";
document.write(result2);

간단하게 미성년자 를 검출해내는 삼항연산자 예제이다.
변수 age에 내가 원하는 숫자를 입력하고 싶다면.

var age = prompt();를 사용해보자.

예제 1과 마친가지로 변수 age의 19이상으로 참이기 때문에
결과값은 "성인입니다"가 출력된다.

예제 3

//삼항연산자 실습3

//삼항 연산자를 이용하여 웹페이지에서 숫자를 입력받아
// 그 숫자가 짝수인지 홀수인지 판별하고
// 짝수라면 콘솔에 짝수입니다. 라는 메세지를 출력하고
// 홀수라면 콘솔에 홀수입니다. 라는 메세지를 출력

var num = prompt("100 이내 숫자를 입력하면 홀,짝수를 구분");
if(!(num>100)){
    var whatnum = (!(num%2==0)) ? "홀수입니다":"짝수입니다";
    console.log(whatnum);
}else{
    console.log("다시 입력하세요")
}

삼항연산자 예제는 거의다 비슷함. 이번 예제는 if,else 조건문과
동등연산자를 사용하여 값을 비교하고 홀수,짝수를 걸러내는 예제이다.

변수 num에 내가 원하는 값을 입력하고 입력값이 100보다 작으면 if문안에
조건문이 실행된다.

(num>100)인데 왜 100보다 작으면? 이냐고 물어본다면 !(NOT)을 사용하여
반대로 바꿔줬다고 생각하면 된다.

3번 행에서 내가 입력한 값의 나머지 값이  0이 나온다면 짝수, 
1이 나온다면 홀수가  "what num"이라는 변수가 출력 해 줄 것이다.

조건문 If, else if, else도 다루려고 했지만 위에 삼항연산자 예제에서 사용하였음으로 굳이 다루지 않겠다. (과제도 하러가야함 ㅠ)

분명 오늘 학원에서 배운내용 복붙만 해서 정리하는 포스팅이라 30분 이면 끝날거라고 생각했는데, 벨로그가 또 쓰는맛이 있고 스타일 정리하느라 시간이 생각보다 많이 걸린다. ^^ (벨로그 활용법 보면서 포스팅중이라 더 걸리나봄)

암튼 오늘 하루도 고생~👍👍👍👍👍