JavaScript Operators

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 연산자 ( && ) : 왼쪽과 오른쪽 중 하나라도 거짓이면 모두 false를 반환하고 왼쪽과 오른쪽 모두 참일 때 true를 반환한다.

• or 연산자 ( || ) : 왼쪽과 오른쪽 중 하나라도 참이면 모두 true를 반환하고 왼쪽과 오른쪽 모두 거짓일 때 false를 반환한다.

• not 연산자 ( ! ) : true나 false를 반대로 뒤집는다.

연산자 우선순위

× / % 가 + - 보다 먼저 계산된다. 만약 + - 가 괄호 안에있으면 괄호안의 + - 가 먼저 계산된다.

1. Logical Operator : NOT (!)

2. Arithmetic Operator : +,/,%/+.-

3. Relational Operator : >,<,<=,>=,==,!=

4. Logical Operator : AND ( && )

5. Logical Operator : OR ( || )

출처 - https://im-developer.tistory.com/57