자바스크립트 기본 문법 - 연산자 / 함수 / scope / 조건문

verdantgreeny·2025년 1월 2일

본캠프

목록 보기
9/56

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

1. 더하기 연산자

    console.log(1 + 1); //2
    console.log(1 + "1"); //11

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. 나누기 연산자 vs 나머지 연산자

    console.log(5/2); //2.5
    console.log(5%2); //1

6. 할당 연산자 (assignment)

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. 곱하기 등호 연산자(*=)

    let a = 10;
    a *= 2;
    console.log(a); //20

비교 연산자 -> true 또는 false를 반환하는 연산자

1. 일치 연사자(===)

타입까지 일치해야 true를 반환하는 열산자

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

2. 불일치 연산자(!==)

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

3. 작다 연산자(<)

    console.log(2<3);//true
    console.log(2<=3);//true
    console.log(3<=3);//true
    console.log(4<=3);//false

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 b = true;
    console.log(!a);//false

5. 삼항 연산자(중요!)

조건에 따라 값을 선택한다.

    let y = 10;
    let result = (x>5) ? "크다" : "작다";
    console.log(result); //크다

    let z = 20;
    let result2 = (z<10) ? "작다" : "크다";
    console.log(result2); //크다

6. 타입연산자(typeof)

    console.log(typeof "5"); //string

함수 = function(기능)

input, output이 있는 기능의 단위

1. 함수 선언문

>   function add (매개변수) {
      // 함수 내부에서 실행할 로직
  }

    function add (x, y) {
        return x + y;
    }

2. 함수 표현식

    let add2 = function (x, y) {
        return x + y;
    }

함수를 호출한다(=함수를 사용한다)
함수명() -> add(입력값)

    console.log(add(2, 3)); //5

    let functionResult = add(3,4);
    console.log(functionResult);

    let functionResult2 = add2(10,20);
    console.log(functionResult2); //30

input -> 매개변수(매개체가 되는 변수)
output -> return문 뒤에 오는 값 : 반환값

scope : 변수의 영향 범위 (전역변수, 지역변수, 화살표함수)

전역변수

    let x = 10;

    function printx() {
        console.log(x); 
    }

    console.log(x);//10
    printx();//10

지역변수

    function printx() {
        let x = 10;
        console.log(x); 
    }

    console.log(x);//오류
    printx();

화살표 함수(ES6 신 문법)

    function add(x,y) {
        return x + y;
    }

1-1. 기본적인 화살표 함수

    let arrowFunc01 = (x, y) => {
        return x + y;
    }

1-2. 한 줄로

    let arrowFunc02 = (x, y) => x + y;

화살표함수로 바꾸기

    function testFunc(x) {
        return x;
    }

    let arrowFunc03 = (x) => x;
    

조건문 - if, else if, else, switch

1. if문

  let x = 10;

1-1

    if (x>0) {
        console.log("x는 양수입니다.");
    }

1-2

    let y = "hello world";

    if (y.length >= 5) {
        console.log(y.length);
    }

2. if - else문

    if (x>0) {
        console.log("x는 양수입니다.");
    } else {
        console.log("x는 음수입니다.");
    }

    x = -1;
    if (x>0) {
        console.log("x는 양수입니다.");
    } else {
        console.log("x는 음수입니다.");
    }

3. if - else if - else문

    x = 10;
    if (x<0) {
        console.log("1");
    } else if(x >= 0 && x <10) {
        console.log("2");
    } else {
        console.log("3");
    }

4. switch

    //변수의 값에 따라, 여러 개의 경우(case) 중 하나를 선택
    //default
    let fruit = '사과';

    switch (fruit) {
        case "사과":
            console.log("사과입니다.");
            break;
        case "바나나":
            console.log("바나나입니다.");
            break;
        case "키위":
           console.log("키위입니다.");
            break; 
        default:
            console.log("아무것도 아닙니다.");  
            break;   
    }

조건문 중첩

    let age = 20;
    let gender = "여성";

미성년자 구분

    if (age >= 18) {
        if (gender === "여성") {
            console.log("성인 여성입니다.");
        } else {
            console.log("성인 남성입니다.");
        }
    } else {
        if (gender === "여성") {
            console.log("미성년 여성입니다.");
        } else {
            console.log("미성년 남성입니다.");
        }
    }

조건부 실행

    let x = 10;
     if (x > 0) {
         console.log("x는 양수입니다.");
     }
    x > 0 && console.log("x는 양수입니다.");

or 조건(||)

삼항 연산자와 단축평가

    let y //undefined
    let z = y || 20;
    console.log(z); //20

falsy한 값, trutyl한 값

  • falsy한 값 : 0, "", null, undefined, NaN

0개의 댓글