Do it! 02.자바스크립트 기초 문법(연산자)

02-3 연산자

1) 산술 연산자

더하기(+), 빼기(-), 곱하기(*), 나누기(/), 몫(%)

 

var num1 = 15;

var num2 = 2;

var result;

result = num1 + num2;

document.write(result, "<br>"); //17

 

2) 문자 결합 연산자

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

 

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

ex) "do it " + "javascript" = "do it javascript";

 

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

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

 

3) 대입 연산자(=)

연산된 데이터를 변수에 저장할 때 사용

A = B

A += B 

A *= B

A /= B

A %= B

var str = "<table border='1'>";
str += "<tr>";
str += "<td>1</td><td>2</td><td>3</td>";
str += "</tr>";
str += "</table>";
document.write(str);

4) 증감 연산자

변수의 값을 1만큼 감소하거나 증가시킴

변수 --; or 변수 ++;

 

var A = ++B; //먼저 B의 값을 1 증가시키고, 증가된 B를 A에 대입

var A = B++; //먼저 B를 A에 대입시키고, B의 값이 1 증가

 

5) 비교 연산자

연산된 결괏값은 true or false로 논리형 데이터 반환

A> B

A <B

A>=B

A <=B

A==B

A!=B

A===B 숫자를 비교할 경우 반드시 표기된 숫자와 자료형도 일치해야 true 반환

A!==B 숫자를 비교할 경우 반드시 표기된 숫자와 자료형도 일치해야 true 반환

 

var a = 10;
var b = 20;
var c = 10;
var f = "20";
var result;

result = a > b; //false
result = b==f; //true 자료형과 상관없이 숫자만 비교
result = a != b; //true
result =  b === f; //false 숫자는 같지만 자료형이 다름

 

6) 논리 연산자

|| (or)

&& (and)

! (not)

 

7) 연산자 우선순위

1.()

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

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

4. 비교 연산자

5. 논리 연산자

6. 대입 연산자

 

8) 삼항 조건 연산자

조건식? 자바스크립트 코드 1 : 자바스크립트 코드 2;

var a =10;
var b =3;

var result = a>b ? "javascript" : "hello";
document.write(result);

a> b 가 참이면 "javascript" 거짓이라면 "hello"가 result에 저장