ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 06 데이터 타입
    모던 자바스크립트 딥 다이브 독학 2023. 10. 3. 09:34

    06_데이터 타입

    원시 타입

    • 숫자, 문자열, 불리언, undefined, null, 심볼

    객체 타입

    • 객체, 배열, 함수

    숫자 타입

    • 모든 수를 실수로 처리한다. 하나의 숫자 타입만 존재한다.
    • 배정밀도 64비트 부동소수점 형식을 따른다.
    • 정수, 실수, 2진수, 8진수, 16진수 리터럴은 모두 메모리에 배정밀도 64비트 부동소수점 형식의 2진수로 저장된다.
    • 10 / 0 → 양의 무한대(Infinity)
    • 10 / -0 → 음의 무한대(-Infinity)
    • 1 * ‘String’ → NaN(Not a Number, 산술 연산 불가)

    문자열 타입

    • 일반적인 표기법은 작음 따옴표(’’)를 사용한다. (’’), (””), (``)
      • 키워드나 식별자 같은 토큰과 구분하기 위해서 문자열을 따옴표로 감싼다.
    • 변경 불가능한 값이다.

    템플릿 리터럴

    • 멀티 라인 문자열, 표현식 삽입, 태그드 템플릿 등 편리한 문자열 처리 기능을 제공한다.
    • 런타임에 일반 문자열로 변환되어 처리된다.
    • (``) 백틱을 사용해 표현한다.
    • 멀티 라인 문자열

    일반 문자열 내에서는 줄바꿈(개행)이 허용되지 않는다.

    var str = 'Hello
    world.';
    // SyntaxError: Invalid or unexpected token

    일반 문자열 내에서 줄바꿈 등의 공백을 표현하려면 이스케이프 시퀀스를 사용해야 한다.

    \n \b \t \v \’ \” \\ 등등

    템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄바꿈이 허용되며, 모든 공백도 있는 그대로 적용된다.

    • 표현식 삽입
    var first = 'Gil-dong';
    var last = 'Hong';
    // ES6: 표현식 삽입
    console.log(`My name is ${first} ${last}.`); // My name is Gil-dong Hong.

    표현식을 삽입하려면 ${ } 으로 표현식을 감싼다. 표현식의 평가 결과가 문자열이 아니더라도 문자열로 강제 변환되어 삽입된다.

    console.log(`1 + 2 = ${1 + 2}`); // 1 + 2 = 3

    표현식 삽입은 반드시 템플릿 리터럴 내에서 사용해야 한다. 일반 문자열에서의 표현식 삽입은 문자열로 취급된다.

    console.log('1 + 2 = ${1 + 2}'); // 1 + 2 = ${1 + 2}

    불리언 타입(참과 거짓)

    undefined

    변수 선언 이후 값을 할당하지 않은 변수를 참조하면 undefined가 반환된다.
    var foo;
    console.log(foo); // undefined
    
    변수에 값이 없다는 것을 명시하고 싶을 때는 undefined가 아니라 null을 할당한다.

    null 타입

    • 변수에 값이 없다는 것을 의도적으로 명시할 때 사용한다.
    • 함수가 유효한 값을 반환할 수 없는 경우 명시적으로 null을 반환하기도 한다.

    symbol 타입

    • 다른 값과 절대 중복되지 않는 유일무이한 값이다.
    • 주로 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용한다.

    객체 타입

    • 자바스크립트를 이루고 있는 거의 모든 것이 객체이다.

    데이터 타입의 필요성

    • 데이터 타입에 의한 메모리 공간의 확보와 참조
      • 변수에 할당되는 값의 데이터 타입에 따라 확보해야 할 메모리 공간의 크기가 결정된다.
      • 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해
      • 값을 참조할 때 한 번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해
      • 메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해
    • 동적 타이핑
      • 변수를 선언할 때 타입을 선언하지 않고 var, let, const 키워드를 사용해 선언할 뿐이다.
      • var foo; console.log(typeof foo); // undefined foo = 3; console.log(typeof foo); // number foo = hello; console.log(typeof foo); // string
      • 자바스크립트(동적 타입 언어)의 변수는 선언이 아닌 할당에 의해 타입이 결정(타입 추론)된다. 그리고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있다. → 동적 타이핑
      • 동적 타입 언어는 유연성은 높지만 신뢰성은 떨어진다.변수의 유효 범위는 최대한 좁게 만들어 부작용을 억제해야 한다.변수보다는 상수를 사용해 값의 변경을 억제한다.가독성이 좋은 코드가 좋은 코드다!
      • 변수 이름은 변수의 목적이나 의미를 파악할 수 있도록 네이밍한다.
      • 전역 변수는 최대한 사용하지 않도록 한다.
      • 변수는 꼭 필요한 경우에 한해 제한적으로 사용한다.

    '모던 자바스크립트 딥 다이브 독학' 카테고리의 다른 글

    08 제어문  (1) 2023.10.05
    07 연산자  (0) 2023.10.04
    05 표현식과 문  (0) 2023.10.02
    04 Variable  (0) 2023.10.01
    01~03 Warm up  (0) 2023.09.30
Designed by Tistory.