[JavaScript] JS 연산자

🎈 자바스크립트 연산자 종류

1. 산술 연산자 
2. 증감 연산자
3. 비교 연산자
4. 논리 연산자
5. 삼항 연산자
6. 널리쉬 연산자
7. 비트 연산자
8. 대입 연산자

🎈 산술 연산자

• +,-,*,/
• 모듈러(%) , **(지수 연산)
• 나눗셈을 했을 때 몫이 되는 값

console.log(10 / 5);

• 나머지 연산자를 사용하면 모듈러 퍼센트 기호를 사용

console.log(10 % 5);

• 이 연산자를 사용하면 결과가 나눗셈을 실행한 몫이 아니라 나머지 값을 결과값으로 가지게 됨
• 지수 연산자는 앞의 숫자에 대한 제곱을 하여 결과값을 나타내주는 연산자

🎈 증감 연산자

• 숫자를 증가시키거나 감소시키기 위해 사용되는 연산자
• ++ => +를 연달아 사용하면 숫자 값이 1 증가

let number = 10;

number++;
console.log(number);

• -- => -를 연달아 사용하면 숫자 값이 1 감소

let number = 10;

number--;
console.log(number);

🎈 비교 연산자

• 어떤 게 더 크거나 작다 또는 같거나 같지 않다를 비교하기 위해서 사용되는 연산자
• <>는 부등호가 열린 쪽이 더 큼

const a = 10;
const b = 20;

console.log(a < b);
console.log(a > b);

• <=, >= 는 크거나 같다, 작거나 같다로 표현함

const a = 10;
const b = 20;

console.log(a <= b);
console.log(a >= b);

• ==. ===는 양변이 같은지를 비교
• 타입은 숫자형으로 같지만 값이 달라 false로 나옴

const a = 10;
const b = 20;

console.log(a === b);

a=123 이고, b='123'일 때
a==b 결과는 true(추상 비교)
a===b 결과는 false(엄격 비교)

• 등호를 2번 사용하는 것보다 3번 사용하는 것이 양변에 값에 타입까지 정확하게 비교를 하기 때문에 일반적인 케이스에서는 항상 등호 3개짜리를 사용함
• !==은 양변이 같은지 같지 않은지를 비교

const a = 10;
const b = 20;

console.log(a !== b);

🎈 논리 연산자

• && => 양변에 있는 조건이나 값이 모두 참일 때만 참이 되는 연산 수행
• || => 양변에 있는 조건이나 값 중에 하나만 참이어도 참이 되는 연산 수행
• ! => 피 연산자 앞에 붙이는 연산자 / 피 연산자의 값을 부정

const a = 2 < 3;
const b = 30 > 50;

console.log(a && b);
console.log(a || b);
console.log(!a);
console.log(!b);

🎈 삼향 연산자

• 조건의 결과가 참인지 거짓인지에 따라서 다른 실행 결과를 가지는 연산을 수행
• 3개의 피 연산자를 가지는 특이한 연산자
• 앞에 조건을 명시하고 물음표 기호를 사용한 다음에 참일 때 실행될 부분을 작성하고 콜론을 사용한 후에 거짓일 때 실행된 부분을 작성

console.log(2 < 3 ? '참' : '거짓');
console.log(2 > 3 ? '참' : '거짓');

🎈 널리쉬 연산자

• 널 병합 연산자라고 부르기도 함
• 물음표 2개를 붙여서 사용
• 여러 개의 피연산자 중 값이 한정되어 있는 변수를 찾음

const a = undefined;
const b = null;
const c = '이도혜';

console.log(a ?? b ?? c);

• underfined, null이 아닌 경우를 찾는 것을 의미
• 널리쉬 연산자를 사용하여 각각의 변수가 null 또는 underfined가 아닌 어떤 갑이 확정되어 있는지를 체크하고 값이 확정되어 있다면 해당 값을 선택하게 됨

🎈 비트 연산자

• 이진 연산 
• 바이너리 연산을 수행하는 연산자를 의미
• & => 
• |
• ~ 
• ^
• <<
• >>
• 자바 스크립트의 경우 비트 연산자를 지원하긴 하지만 사용할 일이 많지 않고 평생 쓰지 않을 확률이 높다

🎈 대입 연산자

• =
• 복합 대입 연산자 => 진술, 산술, 비트, 논리. 널리쉬 연산자와 대입 연산자를 합쳐서 만든 것을 의미
• 각 연산자의 연산자 뒤에 =를 붙여서 복합 대입 연산자를 적용할 수 있음

🎈 전개구문(전개 연산자)

• 반복이 가능한 어떤 객체에 적용할 수 있는 문법의 한 종류
• 반복이 가능하다는 것은 배열이나 문자열을 의미
• 전개구문을 사용하면 가지고 있는 요소를 각각 꺼내서 전개하는 펼치는 역할

const numbers = [1,2,3];

console.log(...numbers);

• 배열 안에 내용을 다 꺼내 가지고 펼쳐서 출력되는 것을 확인할 수 있음

const numbers = [1,2,3];
const numbers2 = [4,5,6];

const newNumbers = [...numbers, ...numbers2];
console.log(newNumbers);

• 6개의 요소를 가지는 배열이 된 것을 확인할 수 있음