[javascript 기초 강좌] 5. 연산자

2016.01.22 10:22language/javascript

1. 연산자

연산자라 함은 수학에서는 사칙연산을 예로 들 수 있겠습니다.

연산이란 어떤 계산을 하는 것인데 프로그램에서는 숫자 뿐만이 아닌 문자도 가능하며 일상생활에서 사용되지 않는 여러 연산자와 연산방법들이 존재합니다.

 

javascript(자바스크립트)를 이용한 웹 개발에 필수적인 연산자들을 설명합니다.

다른 많은 연산자가 존재하지만 보통의 단순한 웹 개발에서의 사용빈도는 미비하다고 할 수 있습니다.

더 많은 연산자의 정보가 보고 싶다면 아래 사이트로 방문하세요.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#Arithmetic_operators 

 

 

- 산술연산자

기본적인 산술 연산자는 수학의 사칙연산을 생각하면 되겠습니다.

연산자 

설명 

예제 

 +

 더하기

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)