자바스크립트 데이터 타입 #

원시(Primitive) 타입 #

원시 타입은 숫자, 문자열 등의 원형 데이터이다.

객체(Object) 타입 #

객체 타입은 배열, 객체 등 원시 타입 외 모든 데이터이다.

데이터 타입 확인하기 - typeof #

typeof는 데이터 타입을 확인하는 연산자다. 타입 정보의 문자열 비교가 가능하므로 자바스크립트의 타입 판별에 사용할 수 있다.

    console.log(typeof(true));                      // 결과: 'boolean'
    console.log(typeof(10));                        // 결과: 'number'
    console.log(typeof('텍스트'));                       // 결과: 'string'
    console.log(typeof(null));                          // 결과: 'object'
    console.log(typeof(undefined));                 // 결과: 'undefined'
    console.log(typeof(Symbol()));                      // 결과: 'symbol'
    console.log(typeof([1,2,3]));                       // 결과: 'object'
    console.log(typeof({age: 20, name: 'gildong'}));    // 결과: 'object'

객체 인스턴스 확인하기 - instanceof #

instanceof는 데이터가 객체의 인스턴스인지를 확인하는 연산자다. 함수를 정의할 때 특정 인스턴스만 구분하여 처리하도록 할 수 있다.

    let today = new Date();

    console.log(today instanceof Date);     // 결과: true
    console.log(today instanceof Array);    // 결과: false

정의되지 않은 데이터 - Undefined #

Undefined는 데이터가 정해지지 않은 상태를 나타낸다.
개발자가 의도하여 사용하는 것이 아닌 브라우저에서 정의되지 않은 데이터를 다룰 때 사용된다.

다음과 같은 상황에서 주로 나타난다.

• 변수에 데이터를 대입하지 않을 때
• 객체의 속성에 값을 대입하지 않을 때

• 파라미터에 값을 전달하지 않을 때

  let val;
  console.log(val);           // 결과: undefined
  
  let object = {};
  console.log(object.name);   // 결과: undefined
  
  function my_function(param) {
      console.log(param);
  }
  
  my_function();              // 결과: undefined
  

빈 데이터 - Null #

Null은 데이터가 존재하지 않음을 표현하며 Boolean 연산에서 false로 나타난다.

    function searchFruit(target) {
        let fruitList = [
            {id: 1, name: '사과'},
            {id: 2, name: '딸기'},
            {id: 3, name: '포도'}
        ];


        let targetFruit = fruitList.find((fruit) => fruit.id === target);
        return targetFruit.name;
    }

    console.log()searchFruit(1);    // 결과: 사과
    console.log()searchFruit(4);    // 결과: Uncaught TypeError

참고문헌 #

자바스크립트 코드 레시피 278

Reference #

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference

Suggested Pages #

• 0.025 Home
• 0.025 Flutter/http
• 0.013 Flutter
• 0.006 iOS
• More suggestions...