03 자바스크립트의 데이터 타입

---

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

 

타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미한다.

 

 

1. 숫자형(number)

- 다른 언어와 달리 정수와 실수를 따로 구분하지 않음
- 모든 수를 실수 하나로만 표현함

 

[예시]

<script>
        'use strict'
        const num1 = 10;
        const num2 = 11.11;
        const num3 = 10e6; //10e6 -> 10의 6승
</script>

 

 

2. 문자열형(string)

 

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

- 큰따옴표는 작은따옴표로 둘러싸인 문자열에만 포함될 수 있으며,

작은따옴표는 큰따옴표로 둘러싸인 문자열에만 포함될 수 있다.

 

[예시]

<script>
        'use strict';
        const str1 = "김사과 : '여러분 안녕하세요?'";
        const str2 = '김사과 : "여러분 안녕하세요?"';
        const str3 = "김사과 : \"여러분 안녕하세요?\"";
        const str4 = `여러분 안녕하세요?
        내일은 현충일인데
        수업이 있어서 무척 신나요.`;
        console.log(str1); //김사과 : '여러분 안녕하세요?'
        console.log(str2); // 김사과 : "여러분 안녕하세요?"
        console.log(str3); //김사과 : "여러분 안녕하세요?"
        console.log(str4);
        /*
        여러분 안녕하세요?
        내일은 현충일인데
        수업이 있어서 무척 신나요. >> 엔터가 적용된다.
        */
</script>

 

자바스크립트에서는 숫자와 문자열을 더할 수도 있다.

이때, 자바스크립트는 숫자를 문자열로 자동 변환하여, 두 문자열을 연결한다.

 

<script>       
        'use strict';
        const num1 = 10;
        const num2 = 5;
        const str5 = "10";
        console.log(num1 + num2); //연산
        console.log(num1 + str5); //연결
        console.log(typeof(num1)); //number
        console.log(typeof(str5)); //string
</script>

typeof() : 자바스크립트의 타입을 반환

 

여기서 잠깐 ! 

만약에, "10 + 5 = 15"를 출력하고 싶다면 어떻게 해야할까?

console.log(num1 + "+" + num2 +"="+(num1+num2));

물론 위와같이도 출력할 수 있지만! 아래와 같은 방법을 사용하면 더 쉽게 출력할 수 있다.

console.log(`${num1} + ${num2} = ${num1+num2}`);

 

 

3. 불리언형(boolean)

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

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

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

 

 

4. undefined과 null형

 

undefined

- 타입이 정해지지 않은 것을 의미한다.

 

[예시]

let num;
console.log(num); //undefined

 

 

null

- 값이 정해지지 않은것을 의미, null로 변수를 초기화한 경우(즉, 의도적으로 값을 주지 않음)

 

 

[예시]

let dog = null;
let dog = {};
console.log(dog); // null

 

5. 객체형(Object)

- 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 타입이다.
- 키와 값 구조로 저장한다.

 

[예시]

const student = {"no":"000001","name":"김사과", "age":20};

키(Key)	값(Value)
no	000001
name	김사과
age	20

 

 

6. 심볼형(Symbol) 

- 유일하고 변경 불가능한 기본값을 만들 때 사용한다.
- 객체 속성의 key값으로 사용할 수 있음

 

[예시]

<script>
        'use strict';
        const symbol1 = Symbol('apple');
</script>

 

---

열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다.

수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 <(＿＿)>