[JavaScript] 연산자

해당글은 개인적인 공부를 위한 기록입니다.

오늘은 JS연산자에 대해서 정리해보겠다.

1. 연산자란?

1) 연산자의 정의

  - 연산자(Operators)들은 말 그래도 계산을 돕는 기호들이다.

10 + 10; //20

- 여기서 + 더하기 기호를 연산자라 표현한다, 이런연산자에는 다양한 종류가 있다.

2) 연산자의 종류

- 산술 연산자

- 문자열 연산자

- 증감 연산자

- 대입 연산자

- 비교 연산자

- 삼항 연산자

- 논리 연산자

 

2. 연산자종류를 각각 자세히 보자

1) 산술 연산자

console.log(2 + 2); // add
console.log(2 - 2); // substract
console.log(2 / 2); // divide
console.log(2 * 2); // multiply
console.log(2 % 2); // remainder 나머지
console.log(2 ** 2); // exponentiation 지수

2) 문자열 연산자

console.log('Dog' + 'cat') // DogCat
console.log('10' + 2) // 102 문자열과 더할때 문자열 아닌 데이터는 문자열로 바꿔서 연결해줌
console.log( '합계:' + 1 + 2) // 합계: 12

3) 증감 연산자

- 증감 연산자는 2종류가 있으며 하나는 1씩 증가 시키는것(++) 다른 하나는 1씩 감소 시키는것(--)

let num = 1;
num++;
console.log(num); //2
// ++연산자

let num = 1;
num--;
console.log(num); //0
// --연산자

- 증감 연산자는 자동으로 세미콜론이 추가되어서 예기치 못한 값의 변경, 코드 흐름을 변경시켜 eslint에서 선호하지 않는다고 함따라서 증감 연산자 대신 복합 대입 연산자를 제안함

//복합 대입 연산자
+= : Addition assignment
-=: Subtraction assignment

4) 대입 연산자

- 값을 할당하는 연산자로 =

const tokki = 10;

5)비교 연산자

- 두수의 값을 비교할때 쓰인다

const num1 = 5;
const num2 = 3;
console.log(num1 == num 2) //true 두수가 같으면 true
console.log(num1 === num 2) //true 두수가 같고 타입이 같으면 true
console.log(num1 != num 2) //false 두수가 다르면 true
console.log(num1 !== num 2) // false 두수의 타입과 값이 다르면 true
console.log(num1 > num 2) //true 좌측이 크면 true
console.log(num1 < num 2) //false 우측이 크면 true
console.log(num1 >= num 2) //true 좌측이 크거나 같으면 true
console.log(num1 <= num 2) //false 우측이 크거나 같으면 true

6) 논리 연산자

- and, or, not을 확인해서 결과로 true or false를 반환하는 연산자.

- And( && ) 연산자는 두가지값이 모두 true여야 true를 반환한다
true && true = true
true && false = false
flase && false = false

- Or( || ) 연산자는 두가지값 중 하나가 true면 true 반환
true || true = true
true || false = true
false || false = false

- Not( !) 연산자는 반대로 만들어주는 녀석
true이면 결과는 false

7) 삼항 연산자

- if문을 이용해 해당조건을 만족하면 어떤 결과를 나타내고 싶을때 이렇게 표현하는데

let num = 1;

if(num === 1) {
num+1 ;
} else {
num -1 ;
}

console.log(num) // 2

- 삼항 연산자를 이용하면 요약이 가능하다

let num = 1;

const result = num === 1 ? num+1 : num-1;
console.log(result)