[자바스크립트] 데이터 타입(형)

1) 데이터 타입

프로그램에서 다룰 수 있는 값의 종류를 의미한다.

 

1. 숫자형(number)

- 다른 언어와 달리 정수와 실수를 따로 구분하지 않는다.

- 모든 수를 실수 하나로만 표현한다.

    <script>
        'use strict';
        const num1 = 10;
        const num2 = 11.11;
        const num3 = 10e6; //1o의 6승 => 10000000
        console.log(num1);
        console.log(num2);
        console.log(num3);
    </script>

 

2. 문자열형(string)

- 문자열형은 따옴표로 둘러싸인 문자의 집합을 뜻한다.

<script>
        'use strict';
        const str1 = "김사과 : '여러분 안녕?'";
        const str2 = '김사과 : "여러분 안녕?"';
        const str3 = "김사과 : \"여러분 안녕?\"";
        const str4 = `여러분 안녕? 
내일은 현충일
신난다.`;
        // ` 사용
</script>

** ` (백쿼트) 사용법 **

(`${변수}`);

        //10+5=15 을 출력하는 두가지 방법
        
        console.log(num1 + "+" + num2 + "=" + (num1+num2));
        console.log(`${num1}+${num2}=${num1+num2}`);

 

3. 불린형(boolean)

- 참(true) 또는 거짓(false)으로 표현되는 값이다.

const b1 = true;  // 값이 있으면 true

const b2 = false; // 0, null, undefined

    <script>
        'use strict';
        const b1 = true;
        const b2 = false;
        console.log(b1); //true
        console.log(b2); //false
        console.log(typeof(b1)); //boolean

        const b3 = 10 > 5; //비교연산자의 결과는 항상 boolean
        console.log(b3); //true
    </script>

 

4. undefined, null형

   undefined : 타입이 정해지지 않은 것을 의미하고 초기화되지 않은 변수나 존재하지 않는 값에 접근할 때 리턴된다.

   null : 값이 정해지지 않은 것을 의미, null로 변수를 초기화한 경우

 

    <script>
        'use strict';
        let num;
        console.log(num); //undefined
        console.log(typeof(num)); //undefined

        let obj1 = null;
        console.log(obj1); //null
        console.log(typeof(obj1)); //object

        let obj2 = {};
        console.log(obj2); //{}
        console.log(typeof(obj2)); //object
    </script>

 

5. 객체형(Object)

- 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 타입이다.

- 여러 변수 혹은 메소드를 선언한 집합의 주소를 가지고 있는 타입이다.

- 필드 접근 시 객체명.(마침표)를 사용한다.

- 키(Key)와 값(Value) 구조로 저장한다.

    <script>
        'use strict';
        const dog = {"name":"루시","age":10,"weight":3.5};
        console.log(dog);
        console.log(`이름 : ${dog.name}, 나이 : ${dog.age}, 몸무게 : ${dog.weight}`);
    
        //dog = 10; //error! 상수의 값을 재설정하려고 했기때문에

        dog.weight = 3.0;
        console.log(dog.weight);
    </script>

 

6. 심볼형(Symbol)

- 유일하고 변경불가능한 기본값을 만든다.

- 객체 속성의 key값으로 사용할 수 있다.

const symbol1 = Symbol("apple");

const symbol2 = Symbol("apple");

consol.log(symbol1 === symbol2); //false

** === : 타입과 값을 모두 비교

<script>
        'use strict';
        const symbol1 = Symbol("apple");
        const symbol2 = Symbol("apple");
        console.log(symbol1 === symbol2); //false

        const symbol3 = Symbol("banana");
        const symbol4 = symbol3;
        console.log(symbol3 === symbol4); //true
</script>

 

2) typeof( )

자바스크립트의 타입을 반환해준다.

        const num1= 10;
        const num2 = 5;
        const str5 = "10";
        console.log(num1 + num2); //15
        console.log(num1 + str5); //1010
        console.log(typeof(num1)); //number
        console.log(typeof(str5)); //string