ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [모던 자바스크립트 Deep Dive] 9. 타입 변환과 단축평가 - 10. 객체 리터럴
    Front/모던 자바스크립트 Deep Dive 2026. 3. 29. 22:56

    9. 타입변환과 단축평가

    9.1 타입 변환이란?

    1) 명시적 타입 변환 (타입 캐스팅)

    : 개발자가 의도적으로 타입을 변환하는 것.

     

    2) 암묵적 타입 변환 (타입 강제 변환)

    : 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 변환되는 것.

     

    9.2 암묵적 타입 변환

     

    1) 문자열 타입으로 변환

    2) 숫자 타입으로 변환

    3) 불리언 타입으로 변환

     

    9.3 명시적 타입 변환

     

    1) 문자열 타입으로 변환

    2) 숫자 타입으로 변환

    3) 불리언 타입으로 변환

     

    9.4 단축 평가

     

    1) 논리 연산자를 사용한 단축 평가

    : 논리곱(&&) 연산자와 논리합(||) 연산자는 논리 연산의 결과를 결정하는 피연산자를 타입 변환하지 않고 그대로 반환

    단축 평가 표현식 평가 결과
    true || anything true
    false || anything  anything
    true && anything anything
    false && anything false

     

    2) 옵셔널 체이닝 연산자 (?.)

    : 좌항 피연산자가 false로 평가되는 Falsy 값(false, undefined, null, 0, -0, NaN, ' ')이라도 null 또는 undefined가 아니면 우항의 프로퍼티 참조를 이어간다.

     

    3) null 병합 연산자 (??)

    : 좌항의 피연산자가 false로 평가되는 Falsy 값(false, undefined, null, 0, -0, NaN, ' ')이라도 null 또는 undefined가 아니면 좌항의 피연산자를 그대로 반환한다.

     

     


     

     

    10. 객체 리터럴

    10.1 객체란?

    : 자바스크립트에서는 원시 값을 제외한 나머지 값은 모두 객체.

     

    * 객체 (<-> 원시 값)

    : 객체란 변경 가능한 값, 0개 이상의 프로퍼티로 구성된 집합 (프로퍼티는 키와 값으로 구성)

    : 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라고 부름.

     

    10.2 객체 리터럴에 의한 객체 생성

    : 중괄호({ ... }) 내에 0개 이상의 프로퍼티를 정의함.

    : 객체 리터럴 - 값으로 평가되는 표현식 - 따라서 닫는 중괄호 뒤에 세미콜론을 붙임!

     

    10.3 프로퍼티

    : 객체는 프로퍼티의 집합, 프로퍼티는 키와 값으로 구성

     

    - 프로퍼티 키: 빈 문자열을 포함하는 모든 문자열 또는 심벌 값 (문자열이므로 따옴표로 묶어야 함.)

    - 프로퍼티 값: 자바스크립트에서 사용할 수 있는 모든 값

     

    10.4 메서드

    : 프로퍼티 값이 함수일 경우.

     

    10.5 프로퍼티 접근

    - 마침표 프로퍼티 접근 연산자(.)를 사용하는 마침표 표기법

    - 대괄호 프로퍼티 접근 연산자([ ... ])를 사용하는 대괄호 표기법

     

    10.6 프로퍼티 값 갱신

    : 이미 존재하는 값에 값을 할당하면 프로퍼티 값이 갱신됨.

     

    10.7 프로퍼티 동적 생성

    : 존재하지 않는 프로퍼티에 값을 할당하면 프로퍼티가 동적으로 생성되어 추가되고 프로퍼티 값이 할당.

     

    10.8 프로퍼티 삭제

    : delete 연산자로 삭제.

Designed by Tistory.