자바스크립트 연산자

---

1. 산술 연산자

• , - , * , / , %

let num1 = 15;  
let num2 = 2;  
  
let result;  
result=num+num2; // 더하기  
document.write(result,"<br />"); // 17  
  
result=num-num2; // 빼기  
document.write(result,"<br />"); // 13  
  
result=num*num2; // 곱하기  
document.write(result,"<br />"); // 30  
  
result=num/num2; // 나누기  
document.write(result,"<br />"); // 7.5  
  
result=num%num2; // 나머지  
document.write(result,"<br />"); // 1

---

2. 문자 결합 연산자

문자형데이터+문자형데이터 = 문자형데이터
문자형데이터+숫자형데이터 = 문자형데이터

let t1="학교종이"; //문자형 데이터 저장  
let t2="떙떙땡"; //문자형 데이터 저장  
let t3=8282; //숫자형 데이터 저장  
let t4="어서 모이자"; //문자형 데이터 저장  
let result;  
  
result=t1+t2+t3+t4;  
document.write(result);  
//학교종이땡땡땡8282어서 모이자

---

3. 대입 연산자

대입 연사자의 종류
A = B (A = B)
A += B (A = A+B)
A + B (A = AB)
A / B (A = A/B)
A %= B (A = A%B)

예시

let num1=10;  
let num2=3;  
  
num1+=num2; // num1= num1(10) + num2(3) =13; num1에 저장  
document.write(num1,"<br/>"); //num1에 저장된 값 출력  
num1-=num2; // num1= num1(13) - num2(3) =10; num1에 저장  
document.write(num1,"<br/>");  
num1*=num2; // num1= num1(10) * num2(3) =30; num1에 저장  
document.write(num1,"<br/>");  
num1%=num2; // num1= num1(30) % num2(3) =0 num1에 저장  
document.write(num1,"<br/>");

---

문자형 데이터로 저장된 HTML태그 연산자로 결합하기

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

---

4. 증감 연산자

증감 연산자에는
숫자형 데이터를 1씩 증가시키는 ++연산자가 있고
1씩 감소시키는 –연산자가 있습니다.

let a=++b // 변수 b의 값을 1 증가 시킨후 a에 저장합니다. (증가가 먼저)  
let a=b++ // 변수 a에 변수b값을 저장한후 변수b의 데이터를 1 증가시킵니다. (대입이먼저)

---

5. 비교 연산자

A>B A는B보다 크다.
A<B A는B보디 작다.
A>=B A는B보다 크거나 같다.
A<=B A는B보다 작거나 같다.

A==B A와B는 같다. (데이터 형과 문자형을 상관X, A=10 B=”10” 이라면 true값)
A!=B A와B는 다르다. (데이터 형과 문자형을 상관X, A=10 B=”10” 이라면 false값)

A===B A와B는 같다. (데이터 형과 문자형을 구분, A=10 B=”10” 이라면 false값)
A!==B A와B는 다르다. (데이터 형과 문자형을 구분, A=10 B=”10” 이라면 true값)

let a =10; //a값 10  
let b =20; //b값 20  
let c =10; //c값 10  
let f ="20"; //d값 문자형"20"  
let result;  
  
result=a>b;   //false  
result=a<b;   //true  
result=a<=b;  //true  
result=b==f;  //true  
result=a!=b;  //true  
result=b===f; //false

---

6. 논리 연산자

---

논리 연산자에는 ||(or), &&(and) , !(not)가 있습니다.

---

1. ||

or 연산자라고 부르며, 피연산자 중 값이 하나라도 true이면 true값 반환.

---

2. &&

and 연산자라고 부르며, 피연산자 중 값이 하나라도 false이면 false값 반환.

---

3. !

not 연산자라고 부르며, 단항 연산자입니다. 피연산자의 값이 true이면 반대로 false값 반환.

---

7. 삼향 조건 연산자

조건식(true,false) 데이터 결과값에 따라 스크립트 코드를 다르게 실행할때 사용.

기본형
조건식? 실행문1 : 실행문2;
true값일 시 실행문1 실행, false값일 시 실행문2 실행

const a=10;  
const b=3;  
  
const result=a>b? "javascript" : "hello";  
document.write(result);  
//10>3=true 값 이므로 실행문 1인 "javascript"를 훌력

---

연산자 우선순위

1. ()
2. 단항 연산자(–, ++, !)
3. 산술 연산자(*, /, %, +, -)
4. 비교 연산자(>, >=, <, <=, ==, ===, !==)
5. 논리 연산자(&&, ||)
6. 대입(복합 대입) 연산자(=, +=, -=, *=, /=, %=)