[JS] 증감 연산자 (++x, x++, --x, x--)
2021. 7. 15. 21:46
728x90
01 증감 연산자
- 증감 연산자는 피연산자를
1씩 증가 혹은 감소 - 피연산자가 단 하나뿐인 단항 연산자
02 증감 연산자 종류
- 해당 연산자가 피연산자의 어느 쪽에 위치하는가에 따라 연산의 순서 및 결과가 달라진다.
++x- 먼저 피연산자의 값을 1 증가시킨 후 해당 연산 진행
x++- 먼저 해당 연산을 수행 후 피연산자의 값을 1 증가
--x- 먼저 피연산자의 값을 1 감소시킨 후 해당 연산 진행
x--- 먼저 해당 연산을 수행 후 피연산자의 값을 1 감소
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>증감 연산자</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script>
var num1 = 10, num2 = 10;
num1++;
++num1;
document.write(num1,"<br>");//12
document.write(++num1,"<br>");//13
document.write(num1,"<br>");//13
document.write(num2,"<br>"); //10
document.write(num2++,"<br>");//10
document.write(num2,"<br>");//11
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible content='IE=edge'>
<title>증감 연산자</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script>
var x = 10;
var y = x-- + 5 + --x;
document.write(y,"<br>");
</script>
</head>
<body>
</body>
</html>
728x90
'JavaScript > Study' 카테고리의 다른 글
| JS 문자열 결합 연산자 (+) (0) | 2021.07.15 |
|---|---|
| JS 대화상자 (prompt) (0) | 2021.07.15 |
| [JS] 대입 연산자 (=, +=, -=, *=, /=, %=) (0) | 2021.07.15 |
| JS 상수 (const) (0) | 2021.07.15 |
| JS 산술 연산자 (+, -, *, /, %) (0) | 2021.07.15 |
