(JS) 연산자 Operators

연산자 (Operator)

• 이름 그대로 계산을 돕는 기호들을 말함.
• 자바스크립트는 여러 종류의 연산(계산)을 위한 연산자들을 제공하고 있음.
  
  

1. 산술 연산자 (Arithmetic operators)

• 사칙 연산을 다루는 연산자로, 가장 기본적이고 많이 쓰임.
• +(더하기), - (빼기), * (곱하기), / (나누기), % (나머지값), ** (지수: ES7에 도입됨)

console.log(7 + 2); // 9
console.log(7 - 2); // 5
console.log(7 * 5); // 35
console.log(7 / 2); // 3.5
console.log(7 % 3); // 1
console.log(7 ** 2); // 49

+(더하기) 연산자 주의점

let text = '두개의' + '문자';
console.log(text); // 두개의문자
text = '3' + 1;
console.log(text); // 31
console.log(typeof text); // string

숫자와 문자열을 더하면 문자열로 변환됨.

2. 단항 연산자 (Unary Operators)

• 한 개의 피연산자와 결합하는 연산자
• +(양), - (음), ! (부정)

let a= 5;
a = -a; // -1 * 5
console.log(a); // -5
console.log(-a); // 5

a = -a; // -(-5)
a = +a; // +(5)
console.log(a); // 5

let boolean = true;
console.log(boolean); // true
console.log(!boolean); // false
console.log(!!boolean); // true

+ 단항연산자는 숫자가 아닌 타입을 숫자 데이터로 변환시켜준다.

console.log(typeof +'text') // number

!! 연산자는 값을 boolean 타입으로 변환함.

console.log(!!1); // true
console.log(!!''); // false

3. 할당 연산자 (Assignment operators)

• = 연산자를 이용하여 할당이 가능함.

let a = 3;
a = a + 4 ;
console.log (a); // 7

• 축약하여 표현 (a = a + 3 ⇢ a+= 3)

a += 3; // a = a + 3;
console.log (a); // 10

a -=3;
console.log (a); // 7

a *= 3;
console.log (a); // 21

4. 증감 연산자 (Increment & Decrement operators)

• 숫자를 1 증가시키거나 1 감소시키는 경우에 사용함.
• ++ : 1증가
• -- : 1감소

let a = 2;
console.log(a); // 2
a++ // a = a + 1;
console.log(a); // 3
a--; // a = a -1;
console.log(a); // 2

주의사항
증감 연산자를 앞에 붙힐 수도 있고 뒤에 붙힐 수도 있는데 쓰임새가 다름.

• a++: 연산을 먼저 하고, 그 뒤 값을 증가시킴
• ++a: 값을 먼저 증가시키고, 연산을 함.

a = 5;
let b = a++;
console.log(b); // 5
console.log(a); // 6

a = 5;
b = ++a;
console.log(b); // 6

5. 비교 연산자 (Relational operators)

• 피연산자 사이의 대소 관계를 비교함.
• 참(true)과 거짓(false)을 반환.
• < (작다), >(크다), >= (크거나 같다), <= (작거나 같다)

console.log (5 > 8); // false
console.log (5 < 8); // true
console.log (5 <= 8); // true
console.log (5 >= 8); // false

6. 동등 연산자 (Equality operators), 일치 연산자 (strict equality operator)

• 동등 연산자: 값만 비교. (==, !=)
• 일치 연산자: 값과 타입 비교. (===, !==)

console.log(5 == '5'); // true
console.log(5 === '5'); // false
console.log(false == 0); // true
console.log(false === 0); // false

동등연산자 ==은 아래처럼 0과 false를 같다고 판단한다. 이 때, 일치 연산자 ===를 이용하면 값 뿐만 아니라 타입까지 비교를 해서 false를 반환한다.

7. 논리 연산자 (Logical operator)

• &&: 그리고 (둘 다 만족하면 true, 그렇지 않으면 false)
• ||: 또는 (둘 중 하나만 만족해도 true)
• !: 부정

let num = 3;
console.log(num>0 && num<10); //true

num = 11;
console.log(num>0 && num<10); //false
console.log(num>0 || num<10); //true

console.log(!(1===10)); //true