🍦Vanilla JS ② 기초 문법 (2) 연산자, 형변환

산술 연산자

• 수학 연산을 수행하는 연산

let a = 2;
let b = 3;
console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b); // 몫을 구하려면 parseInt 해줘야 함.
console.log(a % b);
console.log(a ** b); // 거듭 제곱, 2^3
console.log(--a); // 전위 단항 연산자, 1
console.log(b++); // 후위 단항 연산자, 3

대입 연산자

• 대입연산자와 복합 대입 연산자가 있음

let x = 10;
let y = 20;

// x = x + 10; : x에 10을 더해서 x에 다시 대입
x += 10; // 복합 대입 연산자
console.log(x);

y *= 10;
console.log(y);

비교 연산자

• 피연산자를 비교한 뒤 참 or 거짓으로 반환하는 연산자 (조건문과 결합되어 사용)
• ⭐ 동등 연산자, 일치 연산자

✨ 동등 연산자 (==,!=)

• 자바스크립트에서 동등 연산자로 두 값을 비교하는 경우, 데이터 형이 다르면 자동으로 형변환이 일어납니다.

console.log(1 == '1'); // 출력 결과: true
console.log(1 == true); // 출력 결과: true
console.log(0 == false); // 출력 결과: true

console.log(1 != '1'); // 출력 결과: false
console.log(1 != true); // 출력 결과: false
console.log(0 != false); // 출력 결과: false

👉 문자열로 형변환이 일어난 후 비교가 진행 됩니다.

✨ 일치 연산자 (===,!==)

• 값과 형이 모두 같은지 비교하는 연산자

console.log(1 === '1'); // 출력 결과: false
console.log(1 === true); // 출력 결과: false
console.log(0 === false); // 출력 결과: false

console.log(1 !== '1'); // 출력 결과: true
console.log(1 !== true); // 출력 결과: true
console.log(0 !== false); // 출력 결과: true

논리 연산자

• 항상 비교 연산자와 결합되어 사용됩니다.
• && (and), || (or), ! (not)

const a = 10;
const b = 5;
const c = 15;

console.log(a > b || a > c); // 출력 결과: true
console.log(a < b || a > c); // 출력 결과: false

console.log(a > b && a < c); // 출력 결과: true
console.log(a < b && a > c); // 출력 결과: false

console.log(!(a > b)); // 출력 결과: false
console.log(!(a < b)); // 출력 결과: true

✨ 삼항 연산자

• 피연산자가 3개인 연산자 (자주 쓰임)

const num = 7;

const message = (num % 2 === 0) ? '짝수입니다.' : '홀수입니다.';
console.log(message); // 출력 결과: '홀수입니다.'

형변환

• 자바스크립트는 동적인 언어로 변수의 데이터 타입이 자동으로 결정됩니다.
• 때문에 때때로 변수의 데이터 타입을 명시적으로 지정해주거나, 데이터 타입을 변환해주어야 할 필요가 있습니다.

묵시적 형변환

• 자바스크립트는 숫자형 데이터와 문자열 데이터를 연결 연산자로 처리하면 문자열로 형변환이 일어납니다.

let num1 = 10 + "10";
console.log(num1); // 1010
console.log(typeof(num1)); // string

명시적 형변환

• 개발자가 의도를 가지고 형변환을 하는 것

let num2 = 10;
let num3 = "10";
console.log(10 + Number(num3)); // 20

let num4 = 10;
let str = String(num4);
console.log(10+str); // 1010