자바스크립트 연산자

연산자란 ?

-빼기,더하기,곱하기,나누기 , 비교등을 하는 일련의 작업.

 

-산술 연산자

+,-,*,/,% 가 있다. 연산을 하기 위해서는 연산 대상 데이터가 반드시 2개 있어야 한다.

 

-문자 결합 연산자

문자 결합 연산자는 피연산자(연산 대상 데이터)가 문자형 데이터이다.

여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용.

더하기에 피연산자로 문자형 데이터가 한 개라도 포함되어 있으면 다른 피연산자의 데이턴느 자동으로 문자형 데이터로 형 변환되고 문자 결합이 이루어 진다.

 

->즉, 숫자형과 문자형이 섞이면 문자형 데이터로 저장된다.

 

기본형 | 문자형 데이터 + 문자형 데이터 = 하나의 문자형 데이터

ex) “do it ” + “hi” =“do ti hi” ;

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

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

 

-대입 연산자

대입 연산자 (=)는 연산된 데이터를 변수에 저장할 때 사용한다.

 

여러 개의 문자형 데이터로 저장된 HTML태그를 복합 대입 연산자를 이용하여 하나의 문자로 결합한 다음 document.write(str);을 이용해 화면에 출력하는 예시

 

ex) <script>

var str=“<table border=’1’>” ;

str +=“<tr>” ;

str +=“<td>1</td><td>2</td><td>3</td>”;

str +=“</tr>”;

str +=“</table>” ;

document.write( str );

</script>

->8~11행은 여러 개의 문자형 데이터가 하나의 문자로 결합되어 변수 str에 저장된다. 즉 ,한 개의 문자형 데이터로 결합 12행:str을 출력하면 문자가 아닌 태그로 인식되어 표가 출력된다.

-그 밖에 연산자들

증감or감소 연산자,비교연산자 논리연산자 ( ||(or) ,&&(and) ,!(not) )등 있다. 쉽기에, 인터넷 참고

 

%헷갈릴만한 부분

case 1) A ! =B 설명 : A와 B는 다르다.

(즉, 숫자를 비교할 경우 자료형은 숫자형이든 문자형이든 상관하지 않고 표기된 숫자만 다르면 true를 반환.

숫자형 10과 문자형 “10”은 같은 것으로 인식되어 A!=B는 =false반환 )

 

case 2) A !==B 설명 : A와 B는 다르다.

( 숫자를 비교할 경우 반드시 표기된 숫자 또는 자료형이 일치하지 않을 때 true반환.

10과 “10”을 비교했을 경우 표기된 숫자는 같지만 하나는 숫자형 10이고 하난 문자형 “10”이므로 true반환

case 3) A === B 설명 : A와 B는 같다

( 숫자를 비교할 경우 반드시 표기된 숫자와 자료형도 일치해야만 true반환 10과 “10”을 비교했을 경우 false )

-연산자 우선순위

  (  ) -> 단항 연산자 ->산술 연산자 ->비교 연산자 ->논리 연산자 ->대입(복합 대입)연산자

-삼항 조건 연산자

ex) var result = a>b ? “javascript” : “hello” ;

-> a>b가 true이므로 “javascript”를 실행한다 만약 false이면 “hello”실행