> For the complete documentation index, see [llms.txt](https://jangar6621.gitbook.io/javascript-jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jangar6621.gitbook.io/javascript-jquery/undefined-4.md).

# 연산자

## 산술 연산자

산술 연산자에는 더하기(+), 빼기(-), 곱하기(\*), 나누기(/), 나머지(%)가 있습니다. \
산술연산자로 연산을 하기 위해서는 연산 대상 데이터가 반드시 2개이상 있어야 합니다.

| 종류 | 기본형  | 설명  |
| -- | ---- | --- |
| +  | A+B  | 더하기 |
| -  | A-B  | 빼기  |
| \* | A\*B | 곱하기 |
| /  | A/B  | 나누기 |
| %  | A%B  | 나머지 |

```javascript
<script>
    var num1 = 15;
    var num2 = 100;
    var result = 400;
    
    result = num1 + num2; //결괏값 115
    document.write(result,"<br />"); 
    
    result = num1 - num2; //-85
    document.write(result,"<br />");
    
    result = num1 * num2; //1500
    document.write(result,"<br />");
    
    result = num1 / num2; //0.15
    document.write(result,"<br />");
    
    result = num1 % num2; //15
    document.write(result,"<br />");
</script>
```

## 대입 연산자

대입 연산자(=)는 연산된 데이터를 변수에 저장할 때 사용합니다.\
복합 대입 연산자(+=, -=, \*=, -=, %=)는 산술 연산자와 대입 연산자가 복합적으로 적용된 것을 말합니다.

| 종류      | 풀이         |
| ------- | ---------- |
| A = B   | A = B      |
| A += B  | A = A + B  |
| A \*= B | A = A \* B |
| A /= B  | A = A / B  |
| A %= B  | A = A % B  |

```javascript
<script>
    var num1 = 100;
    var num2 = 200;
    
    //num1 = num1 + num2;
    num1 += num2;
    document.write(num1,"<br>"); //300
    
    //num1 = num1 - num2;
    num1 -= num2;
    document.write(num1,"<br>"); //100
    
    //num1 = num1 * num2;
    num1 *= num2;
    document.write(num1,"<br>"); //20000
    
    //num1 = num1 % num2;
    num1 %= num2;
    document.write(num1,"<br>"); //0
</script>
```

```javascript
    <script>
        var str ="<table>";
        str += "<tr>"
            str += "<td>총시간 (%)</td>";
            str += "<td>NCS 소양교과(%)</td>";
            str += "<td>NCS 전공교과 (%)</td>";
            str += "<td>비 NCS 교과 (%)</td>";
        str += "</tr>"

        str += "<tr>"
        str += "<td>950(100%)</td>";
        str += "<td>34 (3.6%)</td>";
        str += "<td>916 (96.4%)</td>";
        str += "<td>-(-%)</td>";
        str += "</tr>"
        str +="</table>";
        document.write(str);
        
//        var str = "<table>";
//        str += "<tr>"; tr은 한 
//        str += "<td>1</td>";
//        str += "<td>2</td>";
//        str += "</tr>";
//        str += "</table>";
//        document.write(str);
        
    </script>
```

## 증감 연산자&#x20;

증감 연산자에는 숫자형 데이터를 1씩 증가시키는 증가 연산자 (++)와 반대로 1씩 감소시키는 감소 연산자(--)가 있습니다.\
증감 연산자는 앞 연산자들과 달리 피연산자가 한개만 필요한 단항 연산자 입니다.\
증감 연산자는 변수의 어느 위치에 오는가에 따라 결괏값이 달라집니다.

{% hint style="info" %}
기본형:\
1\. 변수의 값을 1만큼 감소시킵니다.\
&#x20;   변수--; 또는 --변수;\
2\. 변수의 값을 1만큼 증가시킵니다.\
&#x20;   변수++; 또는 ++변수;
{% endhint %}

> 변수 = ++A ; 일때  **A의 값이 1만큼 증가**되고 증가된 **A의 값이 변수에 대입**됩니다.\
> 변수 = A++; 일때 **A의 값이 변수에 대입**되고 **A의 값을 1만큼 증가**됩니다.

```javascript
let num1 = 10; //전역변수 num1에 숫자 10을 할당
let num2 = 20; //전역변수 num2에 숫자 20을 할당
let num3 = 20; //전역변수 num3에 숫자 20을 할당
let rusult; //선언
document.write(num1, "<br>");//10

num1--;
document.write(num1, "<br>");//9

num1++;
document.write(num1, "<br>");//10

rusult = num2++;
document.write(rusult, "<br>");//20
document.write(num2, "<br>");//21

rusult = ++num3;
document.write(rusult, "<br>");//21
document.write(num3, "<br>");//21
```

```javascript
function func1(){
    let result, a = 100, b = 200, c = 300;
    result = a < b ? b++ : --c;
    document.write(result,"<br>");
    document.write(b);
}
func1();
//200
//201

function func2(){
    let hap, j, k, l;
    j = k = l = 0;
    hap = ++j + k++ + ++l;
    document.write(hap);
    document.write(j);
    document.write(k);
    document.write(l);
}
func2();
//2111
```

## 비교 연산자

두 데이터를 '크다, 작다, 같다'와 같이 비교할 때 사용하는 연산자 입니다.\
연산된 결괏값은 true(참) 또는 false(거짓)로 논리형 데이터를 반환합니다.

| 종류  | 예시      | 설명                                    |
| --- | ------- | ------------------------------------- |
| ==  | x == y  | 좌변과 우변이 같다.                           |
| === | x === y | 좌변과 우변이 같다. 데이터형(문자형, 데이터형, 논리형)도 같다. |
| !=  | x != y  | 좌변과 우변이 다르다.                          |
| !== | x !== y | 좌변과 우변이 다르다. 데이터 형도 다르다.              |
| >   | x > y   | 좌변이 우변보다 크다.                          |
| <   | x < y   | 좌변이 우변보다 작다.                          |
| >=  | x >= y  | 좌변이 우변보다 크거나 같다.                      |
| <=  | x <= y  | 좌변이 우변보다 작거나 같다.                      |

```javascript
let a = 10;
let b = 20;
let c = 10;
let f = "20";
let result;

result = a > b; //10 이 20보다 크다.
document.write(result, "<br>");// false

result = a < b; //10이 20보다 작다.
document.write(result, "<br>");//true

result = a <= b; //10이 20보다 작거나 같다.
document.write(result, "<br>");//true

result = b == f; // 20 과 20은 같다.
document.write(result, "<br>");//true

result = a != b; // 10과 20은 다르다.
document.write(result, "<br>");//true

result = b === f; //20과 20은 같다. 데이터 형도 같다.
document.write(result, "<br>");// false
```

```javascript
function func3(){
    let i=10, j=10, k=30;
    i /= j; // i = i / j  // i = 1
    j -= i; // j = j - i  // j - i(1) = 9
    k %= j; // k = k % j  // k % j(3) = 3
    
    document.write(i);
    document.write(j);
    document.write(k);
}
func3();
//193
```

## 논리연산자

논리 연산자에는 ∥(or), &&(and), !(not)이 있으며, 논리 연산자는 피연산자가 논리형 데이터인 true 또는 false로 결괏값을 반환합니다.∥(or) 연산자는 피연산자 중 하나만 true이면 true라는 결괏값을 반환합니다. 하지만  &&(and) 연산자는 피연산자 중 하나만 false이면 false라는 결괏값을 반환합니다. !(not)은 논리 부정 연산자로, 피연산자가 true이면 false라는 반대의 결괏값을 반환합니다.

| 종류   | 예시       | 설명                                |
| ---- | -------- | --------------------------------- |
| &&   | X && Y   | 둘 다 true인 경우 true를 반환합니다.         |
| \|\| | X \|\| Y | 둘 중의 하나 이상이 true인 경우 true를 반환합니다. |
| !    | !X       | 반대 값을 반환합니다.                      |

```javascript
let a = 10;
let b = 20;
let m = 30;
let n = 40;
let result;

result = a>b || b>=m || m>n; //false || false ||false
document.write(result, "<br>"); //false

result = a>b || b>=m || m<=n; //false || false || true
document.write(result, "<br>"); //true

result = a<=b && b>=m && m<=n; //true && false && true
document.write(result, "<br>"); //false

result = a<=b && b<=m && m<=n; //true && true && true
document.write(result, "<br>"); //true

result =!(a>b); //!false를 계산
document.write(result, "<br>"); //true
```

```javascript
document. write (false || false); 
document. write ("<br>");
document. write (false || true);
document. write ("<br>");
document. write (true || true);

document. write (false && false);
document. write ("<br>");
document. write (false && true);
document. write ("<br>");
document. write (true & &true);
//false
//true
//true false
//false
//true
```

## 연산자 우선순위

연산자들의 우선순위는 다음과 같습니다.

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

이러한 우선순위를 고랴하여 ++A\*B<=C라는 코드를 실행한다면 먼저 변수 A에 데이터 1을 증가시키고 B를 곱한 다음 마지막으로 곱한 값을 C와 비교한 후 최종 결괏값을 반환합니다.

#### 정리 연습

```javascript
//        let userHeight = 180;
//        let userWeight = 74;
//        
//        //평균 체중 = (신장-100)*0.9;
//        let normal = (userHeight - 100) * 0.9;
//        document.write(normal);

let name = prompt("당신의 이름은?","");
let height = prompt; ("당신의 신장은?","");
let weight = prompt; ("당신의 몸무게는?","");

let normal = (height - 100) * 0.9; //평균 체중 값 저장
document.write(name,"<br>");
document.write(height,"<br>");
document.write(weight,"<br>");
```