연산자 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]

2023. 6. 12. 18:00항해99/JavaScript 문법 종합반

// 연산자 (+, -, *, / %)

// 1 더하기 연산자
console.log(1 + 1); // 2
console.log(1 + "1"); // 12

// 2 빼기 연산자
console.log(1 - "2"); // -1
console.log(1 - 2); // -1

// 3 곱하기 연산자
console.log(2 * 3); // 6
console.log("2" * 3); // 6

// 4 나누기 연산자
console.log(4 / 2); // 2
console.log("4" / 2); // 2

// 5 나머지 연산자
console.log(5 / 2); // 2.5
console.log(5 % 2); // 1

// 6 할당 연산자
// 6-1 등호 연산자
let x = 10;
console.log(x); // 10

// 6-2 더하기 등호 연산자
x += 5;
console.log(x); // 15

// 6-3 빼기 등호 연산자
x -= 5;
console.log(x); // 10

// 6-4 곱하기 등호 연산자
x *= 2;
console.log(x); // 20

// 비교 연산자 ==============================
// 1 일치 연산자
// 타입까지 일치해야 true 반환

console.log(2 === 2); // true
console.log("2" === 2); // false

// 2 불일치 연산자
console.log(2 !== 2); // false
console.log("2" !== 2); // true

// 3 작다 연산자, 작거나 같다 연산자
console.log(2 < 3); // true
console.log(3 < 3); // false
console.log(3 <= 3); // true

// 4 논리 연산자
// 4-1 논리 곱 연산자 : 모두 true 일 때 true 반환
console.log(true && true); // true
console.log(true && false); // false
console.log(false && true); // false
console.log(false && false); // false

// 4-2 논리 합 연산자 : 둘중 하나라도 true 일때 true 반환
console.log(true || true); // true
console.log(true || false); // true
console.log(false || true); // true
console.log(false || false); // false

// 4-3 논리 부정 연산자 : 값을 반대로 바꿈
console.log(!true); // false
let a = true;
console.log(!a); // false

// 5 삼항 연산자
// 조건에 따라 값을 선택한다.
let val = 10;
let result = x > 5 ? "크다" : "작다";
console.log(result); // 크다

// 6 typeof 타입 연산자
console.log(typeof "5"); // string