JavaScript_변수, 연산자

안녕하세요! 전에 공부하던 책을 다 배우고 나서 자바스크립트가 어렵다는 걸 느끼고

이번엔 자바스크립트를 중점으로 공부하려고 다른 책을 구매했습니다.

두번째 교재로는 <Do it! 자바스크립트 + 제이쿼리 입문>_이지스퍼블리싱으로 선택했습니다. 아자아자!

 

1. 변수(Variables)란 변하는 데이터를 저장할 수 있는 메모리 공간이다.

 

변수를 선언할 때는 var 변수명; 또는 var 변수명=값; 으로 선언한다.

 

변수에 저장할 수 있는 자료형

-문자형 : var 변수="사용할 문자나 숫자";

-숫자형 : var 변수=숫자; 또는 Number("문자형 숫자");

-논리형 : var 변수=true or false; 또는 Boolean();

 => Boolean()은 숫자 0과 null, undefined, 빈 문자(" ")를 제외한 모든 데이터에 true를 반환한다.

 

2. 연산자

-문자 결합 연산자

: 문자형 데이터+문자형 데이터 = 하나의 문자형 데이터

  ex) "hi" + "hello" = "hi hello";

  문자형 데이터+숫자형 데이터 = 하나의 문자형 데이터

  ex)"100" + 200 = "100200";

 

-대입 연산자

: A=B -> A=B 

A+=B -> A=A+B

A*=B -> A=A*B 

A/=B -> A=A/B

A%=B -> A=A%B 로 적용된다.

 

-증감 연산자

: 변수--; 또는 --변수; 는 변수의 값을 1만큼 감소시킨다.

변수++; 또는 ++ 변수;는 변수의 값을 1만큼 증가시킨다.

 

-비교 연산자

: A==B -> A와 B가 같다. 숫자형이든 문자형이든 상관하지 않고 숫자만 일치하면 true로 반환

  A!=B -> A와 B는 다르다. 숫자형이든 문자형이든 상관하지 않고 숫자가 다르면 true로 반환

  A===B ->A와 B는 같다. 숫자와 자료형도 일치해야만 true를 반환

  A!==B ->A와 B는 다르다. 숫자와 자료형이 일치하지 않을 때 true를 반환

 => 말장난이 뒤죽박죽 어렵지만 예제를 보면 바로 이해가 됩니다! 

 

-논리 연산자

: || (or) 연산자 -> 피연산자 중 값이 하나라도 true가 존재하면 true로 반환

 && (and) 연산자 -> 피연산자 중 값이 하나라도 false가 존재하면 false로 반환

 ! (not)연산자 -> 피연산자 중 값이 true이면 반대로 false로 반환

 

-연산자 우선순위

1. ()

2. 단항 연산자 (--,++,!)

3. 산술 연산자 (*,/,%,+,-)

4. 비교 연산자 (>,>=,<,<=,==,===,!==,!=)

5. 논리 연산자 (&&,||)

6. 대입 연산자 (=,+=,-=,*=,/=,%=)

 

-삼항 조건 연산자

:조건식(ture또는 false 결괏값 반환)의 결과에 따라 실행 결과가 달라지는 삼항 연산자로,

피연산자 3개가 필요하다.

조건식 ? 자바스크립트 코드1 : 자바스크립트 코드 2; 로 표현한다.

 ex)

<script> 

 var a = 10;

 var b = 3;

 var result=a>b? "javascript" : "hello";    => "javascript(true)" : "hello(false)"; 입니다.

 document.write(result);

</script>

=> a(10) > b(3)은 true이므로 "javascript"가 웹페이지에 나온다.