JS - 산술 연산자

수를 더하고, 빼고, 곱하고, 나누는 연산자를 사용할 수 있습니다. 연산자의 표현은 다음 표와 같습니다.

연산자	설 명
+	덧셈 연산자
-	뺄셈 연산자
*	곱셈 연산자
/	나눗셈 연산자
%	나머지 연산자
++	1증가 연산자
--	1감소 연산자

<script>
 var a = 3;
 var b = 2;

 // 더하기
 document.write( a + b ); // 5

 // 곱하기
 document.write( a * b ); // 6

 // 빼기
 document.write( a - b ); // 1

 // 나누기
 document.write( a / b ); // 1.5

 // 나머지
 document.write( a % b ); // 1
</script>

다음의 방법도 가능합니다. 이것을 대입 연산자라 부르며, 기본적으로 우선권은 오른쪽 값을 왼쪽으로 대입하는 식입니다. 대입 연산자와 다른 연산자를 함께 사용합니다.

<script>
 var a = 3;

 // 기존 변수의 값에 2를 더하기
 document.write( a += 2 ); // 5

 // 기존 변수의 값에 2를 곱하기
 document.write( a *= 2 ); // 6

 // 기존 변수의 값에 2를 빼기
 document.write( a -= 2 ); // 1

 // 기존 변수의 값에 2를 나누기
 document.write( a /= 2 ); // 1.5

 // 기존 변수의 값에 2를 나눈 나머지 구하기
 document.write( a %= 2 ); // 1
</script>

더하기 연산을 이용하면 문자열끼리 합칠 수도 있습니다.

<script>
 // 초기화 합니다.
 var a = '';

 a += "안녕";
 a += " ";
 a += "하보니";

 document.write( a ); // 안녕 하보니
</script>

<script>
 // 초기화 합니다.
 var a = '', b = '', c = '', d = '', e = '';
 a = "Hello";
 b = " ";
 c = "Habony";
 d = "PHP";

 e = a + b + c + d;
 document.write( e ); // Hello HabonyPHP
</script>

숫자와 문자열이 만나면 어떻게 될까요?

<script>
 // 초기화 합니다.
 var a = 3;
 var b = "Habony";

 e = a + b;
 document.write( e ); // 3Habony
</script>

증가/감소 연산자

1증가, 1감소 연산의 표현은 ++a와 a++의 차이를 이해할 필요가 있습니다.

예  제	효      과
++a	a를 1 증가하고, a를 반환.
a++	a를 반환하고, a를 1 증가.
--a	a를 1 감소하고, a를 반환.
a--	a를 반환하고, a를 1 감소

<script>
 var a = 1;
 var b = 2;
 var c = 3;

 // 1를 증가하고, a 를 반환
 document.write( ++a + '<br/>' ); // 결과: 2
 document.write( ++a + '<br/>' ); // 결과: 3
 document.write( ++a + '<br/>' ); // 결과: 4

 // b 를 반환하고, 1를 증가
 document.write( b++ + '<br/>' ); // 결과: 2
 document.write( b++ + '<br/>' ); // 결과: 3
 document.write( b++ + '<br/>' ); // 결과: 4

 // c 를 반환하고 1를 감소
 document.write( c-- + '<br/>' ); // 결과: 3
 // 1를 감소하고, c 를 반환
 document.write( --c + '<br/>' ); // 결과: 1
</script>