본문 바로가기
Programming Languages/JavaScript

[JavaScript] 연산자(Operator)

by 더 이프 2023. 10. 13.
728x90

목차

    🧮 JavaScript에서의 연산자 탐험! 마법의 연산자 세계로 떠나볼까요? ✨

    안녕하세요, 코딩 마법사 여러분! 🧙‍♂️ 오늘은 JavaScript의 다양한 연산자들에 대해 함께 알아보려고 해요. 연산자는 프로그래밍의 핵심 요소 중 하나로, 데이터를 다루고 조작할 때 필수적으로 사용됩니다. 그럼 지금부터 JavaScript 연산자의 마법 세계로 떠나볼까요?

     

    1. 🧮 산술 연산자(Arithmetic Operators)

    산술 연산자들은 주로 숫자를 다루는 데 사용됩니다.

    • + : 덧셈
    • - : 뺄셈
    • * : 곱셈
    • / : 나눗셈
    • % : 나머지
    • ++ : 증가
    • -- : 감소
    let a = 10;
    let b = 20;
    
    console.log(a + b);  // 30
    console.log(a - b);  // -10
    console.log(a * b);  // 200
    console.log(a / b);  // 0.5
    console.log(b % a);  // 0

     

    2. 🤔 비교 연산자(Comparison Operators)

    비교 연산자는 두 값을 비교할 때 사용됩니다.

    • == : 동등 비교
    • === : 일치 비교 (값과 타입 모두 비교)
    • != : 동등하지 않음
    • !== : 일치하지 않음
    • > : 초과
    • < : 미만
    • >= : 이상
    • <= : 이하
    let x = 5;
    let y = "5";
    
    console.log(x == y);  // true
    console.log(x === y); // false

     

    3. 🌌 논리 연산자(Logical Operators)

    논리 연산자는 불리언 값(true or false) 사이의 논리적 관계를 평가할 때 사용됩니다.

    • && : AND
    • || : OR
    • ! : NOT
    let val1 = true;
    let val2 = false;
    
    console.log(val1 && val2);  // false
    console.log(val1 || val2);  // true
    console.log(!val1);         // false

     

    4. 🔄 할당 연산자(Assignment Operators)

    할당 연산자는 값을 변수에 할당할 때 사용됩니다.

    • = : 할당
    • += : 덧셈 후 할당
    • -= : 뺄셈 후 할당
    • *= : 곱셈 후 할당
    • /= : 나눗셈 후 할당
    let num = 10;
    num += 5;  // num = num + 5
    
    console.log(num);  // 15

     

    5. 🔍 기타 연산자

    • typeof : 변수나 값의 타입을 반환
    • instanceof : 객체가 특정 타입인지 확인
    let str = "Hello!";
    console.log(typeof str); // string
    
    let arr = [];
    console.log(arr instanceof Array); // true

     

    🚀 마치며...

    연산자는 JavaScript에서 매우 중요한 역할을 합니다. 적절한 연산자 사용은 코드를 효과적으로 작성하는 데 큰 도움이 됩니다. 오늘 배운 연산자들을 잘 활용하여 여러분만의 마법 같은 코드를 작성해보세요!


    Reference:

     

    Expressions and operators - JavaScript | MDN

    This chapter describes JavaScript's expressions and operators, including assignment, comparison, arithmetic, bitwise, logical, string, ternary and more.

    developer.mozilla.org


    💻 Happy Coding! 💻