[IT]자바스크립트 - 연산자 실습

연산자의 종류

1. 기본연산자

- 산술 연산자

2. 비교연산자

-  비교 연산자

- 삼항조건연산자

- 논리연산자

3. 고급연산자

- 비트 연산자

- typeof

- instanceof

---

ㅇ 산술연산자 

변수 또는 값을 산술하기 위한 연산자 

 

 

ㅇ 증감연산자 ( ++ 1을 더한다 / -- 1을 뺀다.)

ㅡ 전위 증감 연산자 ++n , 전위 감소 연산자--n

ㅡ 후위 증감 연산자 n++ , 후위 감소 연산자 n --

>> 전위 , 후위 차이는 ??? 

전위는 1+n 을 한 결과값이 출력된다.

후위 n++ 는 결과값이 계산전 리터럴 그대로 나오고 그뒤에 +1 한다 ( float둥둥따다님)

 

 

      let a = 0;

      let b = 0;

      document.write("전위결과값?" + ++a + "<br>");

      document.write("전위결과값?" + --a + "<br>");

      document.write("후회결과값?" + b++ + "<br>");

      document.write("전위결과값?" + b++ + "<br>");

      document.write("전위결과값?" + b + "<br>");

ㅇ 대입연산자

 

ㅇ 비교연산자

ㅇ삼항조건연산자 

ㅡ조건에 따라 변수에 값을 할당하는 연산자이다.

ㅡ 삼항조건연산자와 if ~else조건문과 변경 할 수 있어야한다.

ㅡ 표현식은

변수= (조건식) ? 값1: 값2

>> 조건식이 참이면 값1을 변수에 할당하고 거짓이면 값2를 할당한다.

 

ㅡ[조건문 if~else]

if(조건식){

변수 =값1; }

else { 

변수=값2;

}

ㅡ예제 

      // 50kg 이상이면 "현재 50kg 이상입니다.",

      // 50kg 미만이면 "현재 50kg 미만입니다."

      // 삼항연산자

      let myWeight = 20;

      let rtn =

        myWeight >= 50 ? "현재 50kg 이상입니다" : "현재 50kg 미만입니다";

      document.write(rtn);

>>출력

현재 50kg 미만입니다

 

ㅇ비트연산자

 

 

 

< 고급 >

ㅇ typeof 연산자

ㅡ 변수, 객체, 함수 또는 표현식의 데이터 타입을 반환해주는 연산자이다

ㅡ null , 배열 도 object 타입이다/NaN 는 number이다 / car 는 undefined 타입이다 .

 

ㅇ instanceof  

ㅡ 어떤 객체에 대하여 지정한 객체의 데이터 타입에 대한 결과를 반환하는 연산자이다

결과는 참 또는 거짓이다 .

 

ㅇ기타연산자 (3가지 외에 더 많음)

ㅡ 삭제연산자 : 어떠한 객체의 값을 삭제하는 연산자 이다. 삭제한 값은 사용할수 없다.

표현법은 . 또는 [ ] 두가지이다.

     document.write(person.age + "<br>");

      delete person["firstName"];

      delete person.age;

      document.write(person.age + "<br>");

삭제후 출력하면 없는 값이다. undefined 

 

ㅡ  in 연산자 (  index값을 물어봄 )

어떤 객체안에 어떤값이 존재하는지 결과값을 반환하는 연산자이다. 결과는 참 거짓이다.

표현법은

1) const cars = [" Saab","Volvo", "BMW"];

"Saab"in cars // false 이다.

      const cars = ["saab", "volvo"];

      document.write("saab" in cars); //false

      document.write(0 in cars); //true 0번째 인덱스가 있니 ??

      document.write(0 in cars); //false 3번째 인덱스가 있니 ??

2) 객체의 값으로 확인가능함 

      const person1 = { fisrtName: "J", lastName: "joy" };

      document.write("fisrtName" in person1); //true값

 

ㅡ void 연산자

: void(0)을 사용해 정의 되지 않는 곳에 사용하는 연산자이다.

표현식은

<a href="#">클릭</a

<a href="javascript:void(0);">클릭</a>