연산자
컴퓨터에선 다양한 연산자를 통해 계산 작업을 한다. 자바스크립트에서 사용하는 연산자에는 산술, 문자 결합, 대입, 증감, 비교, 논리, 삼항 조건 연산자가 있다.
산술 연산자
산술 연산자에는 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 있다. 산술 연산자로 연산을 하기 위해서는 연산 대상 데이터가 2개 있어야 한다.
산술 연산자의 종류와 기본형| 종류 | 기본형 | 설명 |
|---|---|---|
| + | A+B | 더하기 |
| - | A-B | 빼기 |
| * | A*B | 곱하기 |
| / | A/B | 나누기 |
| % | A%B | 나머지 |
예제
<script>
var num1 = 15;
var num2 = 2;
var result;
result = num1 + num2;
document.write(result,"<br>"); //17
result = num1 - num2;
document.write(result,"<br>"); //13
result = num1 * num2;
document.write(result,"<br>"); //30
result = num1 / num2;
document.write(result,"<br>"); //7.5
result = num1 % num2;
document.write(result,"<br>"); //1
</script>
문자 결합 연산자
문자 결합 연산자는 피연산자(연산 대상 데이터)가 문자형 데이터이다. 여러 개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. 더하기에 피연산자로 문자형 데이터가 한 개라도 포함되어 있으면 다른 피연산자의 데이터는 자동으로 문자형 데이터로 형 변환되고 문자 결합이 이루어져 하나의 문자형 데이터를 반환 한다.
예제
<script>
var t1 = "학교종이";
var t2 = "땡땡땡";
var t3 = 8282;
var t4 = "어서 모이자"
vat result'
result = num1 + num2;
result = t1 + t2 + t3 + t4;
document.write(result); //"학교종이 땡땡땡 8282 어서 모이자"
</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 |
예제
<script>
var num1 = 10;
var num2 = 3;
num += num2; //num1 = num1(10) + num2(3)
document.write(num1,"<br>"); //13
num -= num2; //num1 = num1(13) - num2(3)
document.write(num1,"<br>"); //10
num *= num2; //num1 = num1(10) * num2(3)
document.write(num1,"<br>"); //30
num %= num2; //num1 = num1(30) % num2(3)
document.write(num1,"<br>"); //0
</script>
증감 연산자
증감 연산자에는 숫자형 데이터를 1씩 증가시키는 증가 연산자(++)와 반대로 1씩 감소시키는 감소 연산자(--)가 있다. 증감연산자는 피연산자가 한 개만 필요한 단항 연산자이다.
예제
<script>
var num1 = 10;
var num2 = 20;
var result;
num1--; //9
document.write(num1,"<br>");
num1++; //10
document.write(num1,"<br>");
result = num2++; //result: 20, num2: 21
document.write(num1,"<br>");
result = num2++; //result: 22, num2: 22
document.write(num1,"<br>");
</script>
비교 연산자
비교 연산자는 두 데이터를 '크다, 작다, 같다'와 같이 비교할 때 사용하는 연산자이다. 연산된 결괏값은 true(참) 또는 false(거짓)로 논리형 데이터를 반환한다.
비교 연산자의 종류| 종류 | 설명 | 비고 |
|---|---|---|
| A>B | A가 B보다 크다. | |
| A<B | A가 B보다 작다. | |
| A>=B | A가 B보다 크거나 같다. | |
| A<=B | A가 B보다 작거나 같다. | |
| A==B | A와 B는 같다. | 숫자를 비교할 경우 자료형은 숫자형이든 문자형이든 상관하지 않고 표기된 숫자만 일치하면 true를 반환한다. 숫자형 10과 문자형 "10"은 같은 것으로 인식되어 true를 반환한다. |
| A!=B | A와 B는 다르다. | 숫자를 비교할 경우 자료형은 숫자형이든 문자형이든 상관하지 않고 표기된 숫자만 다르면 true를 반환한다. 숫자형 10과 문자형 "10"은 같은 것으로 인식되어 A!=B에 대해 false를 반환한다. |
| A===B | A와 B는 같다. | 숫자를 비교할 경우 반드시 표기된 숫자와 자료형도 일치해야만 true를 반환한다. 10과 "10"을 비교했을 경우 표기된 숫자는 같지만 하나는 숫자형 10이고 하나는 문자형 "10"이므로 false를 반환한다. |
| A!==B | A와 B는 다르다. | 숫자를 비교할 경우 반드시 표기된 숫자 또는 자료형이 일치하지 않을 떄 true를 반환한다. 10과 "10"을 비교했을 경우 표기된 숫자는 같지만 하나는 숫자형 10이고 하나는 문자형 "10"이므로 true를 반환한다. |
예제
<script>
var a = 10;
var b = 20;
var c = 10;
var f = "20";
var result;
result = a>b; //false
document.write(result,"<br>");
result = a<b; //true
document.write(result,"<br>");
result = a<=b; //true
document.write(result,"<br>");
result = b==f; //true
document.write(result,"<br>");
result = a!=b; //true
document.write(result,"<br>");
result = b===f; //false
document.write(result,"<br>");
</script>
논리 연산자
논리 연산자에는 ||(or), &&(and), !(not)이 있으며, 논리 연산자는 피연산자가 논리형 데이터인 true 또는 false로 결괏값을 반환한다.
논리 연산자의 종류| 종류 | 설명 |
|---|---|
| || | or 연산자라 부르며, 피연산자 중 값이 하나라도 true가 존재하면 true로 결괏값을 반환한다. |
| && | and 연산자라 부르며, 피연산자 중 값이 하나라도 false가 존재하면 false로 결괏값을 반환한다. |
| ! | not 연산자라 부르며, 단항 연산자이다. 피연산자의 값이 true이면 반대로 false로 결괏값을 반환한다. |