반응형
JavaScript 연산자
연산자란 프로그래밍에서 쓰이는 기호들이다.
1. 기초 산술 연산자
2. 할당 연산자
3. 비교 연산자
4. 논리 연산자
기초 산술 연산자 ( Arithmetic Operators )
( 1 ) 사칙 연산자
- + : 두 값을 더한다.
- - : 앞의 값에서 뒤의 값을 뺀다.
- × : 두 값을 곱한다.
- / : 앞의 값을 뒤의 값으로 나눈다.
var a = 1;
var b = 2;
console.log(a+b); // 3
변수의 값을 초기화 하여 a + b, a - b 로도 사용가능하고 a + 3, 5 + b 하나만 변수를 넣어서도 사용 가능하고 숫자만 넣어서도 사용이 가능하다.
( Number 타입과 String 타입을 더 할수도 있는데 이럴경우에 값이 "String" 타입으로 나온다. )
( 2 ) 나머지 연산자
- % : 앞의 값을 뒤의 값으로 나눈 나머지 값
var a = 5;
var b = 2;
console.log(a%b); // 1
( 3 ) 증감 연산자
- ++ : 변수의 값을 1 증가
- -- : 변수의 값을 1 감소
증감 연산자의 위치
- 증감 연산자가 피연산자 앞에 위치
++a : 전체 수식 처리하기 전에 적용됌 - 증감 연산자가 피연산자 뒤에 위치
a++ : 전체 수식의 처리가 끝난 뒤 적용됌
var a = 1;
console.log(a); // 1
console.log(++a); // 2
console.log(a); // 2
var a = 1;
console.log(a); // 1
console.log(a++); // 1
console.log(a); // 2
할당 연산자 ( Assignment Operators )
- += : y+=x / y = y + x
- -= : y-=x / y = y - x
- *= : y=x / y = y x
- /= : y/=x / y = y / x
- %/ : y%=x / y = y % x
왼쪽의 피연산자와 오른쪽의 피연산자를 계산하여 왼쪽의 피연산자에 대입
비교 연산자 ( Relational Operators )
두 개의 피연산자를 비교한다. boolean 자료형으로 값이 나온다.
- 동등 연산자 ( == ) : x와 y의 값이 같다. x == y
동등 연산자는 두 피연산자의 자료형이 같지 않은 경우 같아지도록 변환한 후 판별한다. - 일치 연산자 ( === ) : x와 y의 값이 같다. x === y
동등 연산자와의 차이점은 자료형 변환 없이 두 연산자가 같은지 엄격히 판별한다. - 부등 연산자 ( != ) : x와 y의 값이 다르다. x != y
부등 연산자는 두 피연산자가 같지 않은 경우 참을 반환 피연산자의 자료형이 일치하지 않는 경우 적절한 자료형으로의 변환을 시도한다. - 불일치 연산자 ( !== ) : x와 y의 값이 다르다. x !== y
불일치 연산자는 두 연산자가 같지 않거나, 같은 자료형이 아닐 때 참을 반환한다. - x > y : x의 값이 y의 값보다 크다.
- x >= y : x의 값이 y의 값보다 크거나 같다.
- x < y : x의 값이 y의 값보다 작다.
- x <= y : x의 값이 y의 값보다 작거나 같다.
논리 연산자 ( Logical Operator )
- and 연산자 ( && ) : 왼쪽과 오른쪽 중 하나라도 참이면 모두 true를 반환하고 왼쪽과 오른쪽 모두 거짓일 때 false를 반환한다.
- or 연산자 ( || ) : 왼쪽과 오른쪽 중 하나라도 참이면 모두 true를 반환하고 왼쪽과 오른쪽 모두 거짓일 때 false를 반환한다.
- not 연산자 ( ! ) : true나 false를 반대로 뒤집는다.
연산자 우선순위
× / % 가 + - 보다 먼저 계산된다. 만약 + - 가 괄호 안에있으면 괄호안의 + - 가 먼저 계산된다.
- Logical Operator : NOT (!)
- Arithmetic Operator : +,/,%/+.-
- Relational Operator : >,<,<=,>=,==,!=
- Logical Operator : AND ( && )
- Logical Operator : OR ( || )
반응형