자바 스크립트(JavaScript) 기초 문법 - 연산자

자바 스크립트(JavaScript) 기초 문법

연산자

자바 스크립트에서의 연산자는 산술, 문자열 연결, 대입(복합 대입), 증감, 비교, 논리, 삼항 조건 연산자가 있다.

 

1) 산술 연산자

산술연산자에는 +(덧셈), -(뺄셈), *(곱셈), /(나눗셈), %(나머지)가 있다. 연산을 하기 위해서는 연산 대상 데이터가 2개 있어야 한다. 나눗셈은 0으로 될 때까지 나눈 몫을 구하고, 나머지는 몫을 제외한 나머지를 구한다.

 

2) 문자열 연결 연산자

문자열 연결 연산자의 피연산자(연산 대상 데이터)가 문자형 데이터이다. 여러개의 문자를 하나의 문자형 데이터로 결합할 때 사용한다. 숫자형과 문자형이 더해질 경우 숫자가 문자열로 치환되어 하나의 문자열로 반환된다.

• 문자열+문자열 = 하나의 문자열 (ex_ "hi" + "hello" = "hihello")
• 문자열+ 숫자 = 하나의 문자열 (ex_ "123" + 456 = "123456")

3) 대입(복합 대입) 연산자

대입 연산자(=)는 연산된 데이터를 변수에 저장할 때 사용한다. 복합 대입 연산자(+=, -=. *=, /=, %=)는 산술 연산자와 대입 연산자가 복합적으로 적용된 것을 뜻한다.

 

4) 증감 연산자

숫자형 데이터를 1씩 증가시키는 증가 연산자(++)와 1씩 감소시키는 감소 연산자(--)가 있다. 증감 연산자는 피연산자가 한 개만 필요한 단항 연산자이다. 변수의 앞에 위치하면 선행, 뒤에 위치하면 후행으로 결과값이 달라질 수 있다.

 

<script>
var a=1, b=2;

 a=++b;//3
 //먼저 b의 값에 +1을 하고 a에 대입 (선행증가)

 a=b++;//3
 //먼저 a에 대입 후 +1 (후행증가)
 document.write("a="+a+"b="+b);//a=3b=4
 
 b++;//b의 값에 +1
 
 document.write("b="+b);//b=5
 
 document.write(b++);//5 (b의 값을 먼저 출력하고 +1)
 document.write(b);//6
 
</script>

 

5. 비교 연산자

데이터를 서로 비교할 때 사용하는 연산자. 연산 결과는 true(참) 또는 false(거짓)으로 논리형 데이터를 반환한다.

>(~보다 크다), <(~보다 작다), >=(~보다 크거나 같다), <=(~보다 작거나 같다), ==(같다, 타입 불일치 해도 내용만 같다면 true), !=(같지 않다, 타입 불일치해도 내용만 같다면 false), ===(같다, 타입과 내용 모두 일치해야 true), !==(같지 않다, 타입과 내용 모두 일치해야 false)가 있다.

 

<script>

 var a=10, b="10";
 //a는 숫자형 10, b는 문자형 10으로 숫자형10과 비교한 결과
 document.write(a==10,b==10,"<br/>");//truetrue
 document.write(a!=10,b!=10,"<br/>");//falsefalse
 document.write(a===10,b===10,"<br/>");//truefalse
 document.write(a!==10,b!==10,"<br/>");//falsetrue

</script>

 

6. 논리 연산자

논리 연산자는 ||(or, 논리합), &&(and, 논리곱), !(not, 부정)이 있으며 결과값으로 true, false를 반환한다.

||는 or연산자로 피연산자 중 값이 하나라도 true 이면 true를 반환한다.

&&는 and연산자로 피연산자 중 값이 하나라도 false 이면 false를 반환한다.

!는 not연산자로 단항 연산자이다. 피연산자의 값을 반대로 반환한다. (!true=false)

 

7. 삼항 조건 연산자

삼항 조건 연산자는 조건식의 결과에 따라 실행결과가 달라지는 삼항 연산자로, 연산을 위해 피연산자가 3개 필요하다.

 

<script>
//조건식? 자바스크립트 코드1 : 자바스크립트 코드 2;

var a=3, b=5;

var result= a>b ? "a가 더 크다" : "b가 더 크다"
//a>b조건식에서 값이 false이므로 b가 더 크다가 대입된다.

document.write(result);//b가 더 크다 출력

</script>

 

연산자 우선순위

연산자의 우선순위는 아래와 같다.

() > 단항 연산자 > 산술 연산자 > 비교 연산자 > 논리 연산자 > 대입(복합 대입 연산자)