2016. 1. 22. 10:22ㆍlanguage/javascript
1. 연산자
연산자라 함은 수학에서는 사칙연산을 예로 들 수 있겠습니다.
연산이란 어떤 계산을 하는 것인데 프로그램에서는 숫자 뿐만이 아닌 문자도 가능하며 일상생활에서 사용되지 않는 여러 연산자와 연산방법들이 존재합니다.
javascript(자바스크립트)를 이용한 웹 개발에 필수적인 연산자들을 설명합니다.
다른 많은 연산자가 존재하지만 보통의 단순한 웹 개발에서의 사용빈도는 미비하다고 할 수 있습니다.
더 많은 연산자의 정보가 보고 싶다면 아래 사이트로 방문하세요.
- 산술연산자
기본적인 산술 연산자는 수학의 사칙연산을 생각하면 되겠습니다.
|
연산자 |
설명 |
예제 |
|
+ |
더하기 |
1+1 = 2 |
|
- |
빼기 |
1-1 = 0 |
|
* |
곱하기 |
2*2 = 4 |
|
/ |
나누기 |
2/2 = 1 |
|
% |
나머지 구하기 |
2%2 = 0 |
- 문자열 겹합 연산자
문자 끼리 결합할 수 있는 연산자 입니다.
아래와 같이 순자와 문자가 같이 있는 경우 자동 형변환이 일어나 문자로 인식하게 되니 주의하셔야 합니다.
"가나다" + "ABC" ==> "가나다ABC"
문자 + 문자 ==> 문자
문자 + 숫자 ==> 문자
숫자 + 문자 ==> 문자
숫자 + 숫자 ==> 숫자 (덧셈)
- 비교 연산자
피연산자들을 비교하고 비교에 따라 논리 값(true, false)을 반환합니다. 피연산자들은 숫자, 문자열, 논리형, 객체 등 다양한 타입들을 사용가능합니다.
|
연산자 |
설명 |
예제 | |
|
> |
~ 보다 큼 좌가 우보다 크면 참 |
1 > 2 결과 : false |
|
|
< |
~ 보다 작음 좌가 우보다 작으면 참 |
1 < 2 결과 : true |
|
|
>= |
~ 보다 크거나 같다 좌가 우보다 크거나 같으면 참 |
1 >= 2 결과 : false |
2 >= 2 결과 : true |
|
<= |
~ 보다 작거나 같다 좌가 우보다 작거나 같으면 참 |
1 <= 2 결과 : true |
2 <= 2 결과 : true |
|
== |
같다 같으면 참 |
1 == 1 결과 : true |
'1' == '1' 결과 : true |
|
=== |
엄격히 같다 같으면 참 |
1 === '1' 결과 : false |
'1' === '1' 결과 : true |
|
!= |
다르다 다르면 참 |
1 != 1 결과 : false |
1 != 2 결과 : true |
|
!== |
엄격히 다르다 다르면 참 |
1 !== '1' 결과 : true |
'2' !== '2' 결과 : flase |
== 와 === , != 와 !== 는 구분할 필요가 있다.
조금 어려운 이야기 일 수도 있는데 ==로 비교시 좌변의 피연산자와 우변의 피연산자의 타입이 다를 경우 형변환이 일어나게 된다.
예를 들면 1 == '1' 의 결과는 true 다. 1 === '1' 의 결과는 false이다.
좌변의 피연산자는 숫자, 우변의 피연산자는 문자인데 두 피연산자의 타입을 같도록 형변환 후 비교하게 된다.
하지만 ===는 타입까지 일치하는지까지 판단한다.
!= 와 !== 도 마찬가지이다.
- 논리 연산자
|
연산자 |
설명 |
예제 |
|
&& |
and 와 같다. 두 값이 모두 참일 경우 결과가 참이 된다. |
1 == 1 && 1 != 2 결과 : false |
|
|| |
or 와 같다. 두 값 중 하나라도 참이면 결과가 참이 된다. |
1 == 1 || 1 != 2 결과 : true |
|
! |
not 과 같다. 피연산자가 true 이면 false를 반환한다. false 일 경우 true를 반환한다. |
!(1==1) 결과 : false |
- 조건(삼항) 연산자
3개의 항을 사용하는 유일한 연산자입니다.
사용방법은 다음과 같습니다.
(조건식) ? 값1 : 값2
조건식이 참이라면 값1을 그렇지 않다면 값2를 가지게 됩니다.
- 대입 연산자
오른쪽 피연산자의 값을 왼쪽 피연산자에게 대입합니다.
여러 대입 연산자가 존재하지만 여기서는 기본적인 대입 연산자를 설명합니다.
|
연산자 |
설명 |
뜻 |
|
= |
대입 연산 |
x = y |
|
+= |
덧셈 대입 |
x = x + y |
|
-= |
뺄셈 대입 |
x = x - y |
|
*= |
곱셈 대입 |
x = x * y |
|
/= |
나눗셈 대입 |
x = x / y |
|
%= |
나머지 대입 |
x = x % y |
- 증감 연산자
|
연산자 |
설명 |
예제 |
|
++ |
증가연산자 피연산자에 1을 더한다 |
a++ 결과 : a = a + 1 |
|
-- |
감소연산자 피연산자에게 1을 뺀다 |
a-- 결과 : a = a - 1 |
증감연산자가 다른 식에 포함될 때
1) 증감연산자가 변수 앞에 있으면 증감식을 처리한 후 처리된 값을 수식에 사용한다.(선행처리)
2) 증감연산자가 변수 뒤에 있으면 변수값을 수식에 사용한 후 증감처리를 한다.(후행처리)
ex)
var a = 10;
var b = ++a;
document.write("a = " + a + ", b = " + b + "<br>");
(결과 : a== 11 , b == 11)
a = 10;
b = a++;
document.write("a = " + a + ", b = " + b + "<br>");
(결과 : a== 11 , b == 10)