[JavaScript] 연산자

연산자

1. 대입 연산자

-> = 연산자

// 1. 대입 연산자 (=)
let var1 = 1;

2. 산술 연산자

-> +, -, *, /, % 연산자

// 2. 산술 연산자
let num1 = 3 + 2;
let num2 = 3 - 2;
let num3 = 3 * 2;
let num4 = 3 / 2;
let num5 = 3 % 2;

let num6 = 1 + 2 * 10;
console.log(num6); // *가 우선순위가 높으므로 21 출력.

3. 복합 대입 연산자

-> 산술 + 대입 연산자

// 3. 복합 대입 연산자 (산술 + 대입)
let num7 = 10;
num7 += 20; // num7 = num7 + 20;
num7 -= 20;
num7 *= 20;
num7 /= 20;
num7 %= 10;

4. 증감 연산자

-> 후위 연산, 전위 연산

// 4. 증감 연산자
let num8 = 10;
num8++; // 후위 연산. 이 줄이 끝나고 나서야 +1이 증가된다.
console.log(num8);
console.log(++num8); // 전위 연산. +1이 증가된 이후에 줄이 실행된다.

5. 논리 연산자

-> ||(or), &&(and), !(not)

// 5. 논리 연산자
let or = true || false;
let and = true && false;
let not = !true;
console.log(or, and, not); // true false false 출력

6. 비교 연산자

-> ===는 자료형까지 같은지 비교한다.

-> ==는 자료형이 같은지는 비교하지 않는다.

// 6. 비교 연산자 (==을 사용하게 되면 자료형이 같은지 까지는 비교하지 않는다!)
let comp1 = 1 === 2; // 같은 값이 아니기 때문에 false
let comp2 = 1 !== 2; // 같은 값이 아니기 때문에 true
console.log(comp1, comp2);

let comp3 = 2 > 1; // true
let comp4 = 2 < 1; // false
console.log(comp3, comp4);

let comp5 = 2 >= 2; // true
let comp6 = 2 <= 2; // true
console.log(comp5, comp6);

7. null 병합 연산자

-> null, undefined가 아닌 값을 찾아내는 연산자

-> 존재하는 값을 추려내는 기능

// 7. null 병합 연산자
// -> null, undefined가 아닌 값을 찾아내는 연산자
// -> 존재하는 값을 추려내는 기능
let var1; // undefined
let var2 = 10;
let var3 = 20;

let var4 = var1 ?? var2; // 10 var4에 undefined가 아닌 var2의 값을 저장한다.
let var5 = var1 ?? var3; // 20 var4에 undefined가 아닌 var3의 값을 저장한다.
let var6 = var3 ?? var2;

let userName;
let userNickName = "seosh817";

let displayName = userName ?? userNickName; // userName이 undefined라면 userNickName으로 저장한다.

8. typeof 연산자

-> 값의 타입을 문자열로 반환하는 기능을 하는 연산자.

// 8. typeof 연산자
// -> 값의 타입을 문자열로 반환하는 기능을 하는 연산자.
let var7 = "hello";

let t1 = typeof var7;
console.log(t1); // string

9. 삼항 연산자

-> 항을 3개 사용하는 연산자.
-> 조건식을 이용해서 참, 거짓일 때의 값을 다르게 반환

// 9. 삼항 연산자
// -> 항을 3개 사용하는 연산자.
// -> 조건식을 이용해서 참, 거짓일 때의 값을 다르게 반환
let var8 = 10;

// 요구사항 : 변수 res에 var8의 값이 짝수 -> "짝", 홀수 -> ""
let res = var8 % 2 === 0 ? "짝수" : "홀수";
console.log(res); // 짝수 출력.