안녕하세요 여러분 에이블디입니다!
이번 시간에는 자바스크립트의 자료형에 대해 알아보려고 해요!
자료형이란 컴퓨터가 처리하는 자료의 형태를 말하는데요, 자바스크립트의 자료형은 값이 하나인 기본형과 여러 값을 한꺼번에 담고 있는 복합형으로 구별합니다.
다음의 표는 기본형과 복합형에 대해 정리해 보았습니다.
자료형 | 설명 | |
기본형 | number(숫자) | 따옴표 없이 표기한 숫자를 나타냅니다. |
string(문자열) | 작은따옴표(')나 큰따옴표(")로 묶어 나타낸 문자의 집합입니다. | |
boolean(논리형) | 참(true)과 거짓(false)으로 표현할 수 있는 유형입니다. | |
undefined | 자료형을 지정하지 않았을 때의 유형입니다. 변수를 선언하고 값을 정의하지 않으면 undifined가 됩니다. |
|
null | 값이 유효하지 않을 때의 유형입니다. | |
복합형 | array(배열) | 하나의 변수에 여러 값을 저장하는 유형입니다. |
object(객체) | 함수와 속성이 함께 포함된 유형입니다. |
자바스크립트에서 숫자(number)는 정수와 실수로 나누어 구분하는데요!
정수는 소수점 없는 숫자를 의미합니다.
정수는 표현 방법에 따라 10진수, 8진수, 16진수의 세 가지 유형으로 나뉩니다.
실수는 소수점이 있는 숫자를 의미합니다.
자바스크립트는 정수와 실수 모두 number로 취급합니다.
문자열(string)은 작은따옴표(')나 큰따옴표(")로 묶은 자료를 의미합니다.
즉 숫자도 작은따옴표나 큰따옴표로 묶으면 문자열로 인식합니다.
그리고 작은따옴표로 시작한 문자열 자료형은 작은따옴표로 끝맺음을 해야 하고 마찬가지로, 큰따옴표도 큰따옴표로 맺음을 해야 합니다.
그리고 예를 들어 큰따옴표로 묶은 문자열 안에 큰따옴표로 묶은 문장을 넣으려면 큰따옴표가 중복되지 않도록 큰따옴표로 묶은 문장을 작은따옴표로 묶어주시면 됩니다.
""안녕하세요"" -> "'안녕하세요'"
논리형(boolean)은 참(true)과 거짓(false)이라는 값을 표현하는 자료형입니다.
주로 프로그램에서 조건을 확인할 때 많이 사용합니다.
undefined는 자료형이 정의되지 않았을 때의 상태를 말합니다.
자바스크립트에서는 변수를 선언할 때 미리 자료형을 지정하지 않고 값을 할당할 때 그 값에 따라 결정되는데요, 여기서 변수는 변하는 값을 저장할 때 사용하는 것입니다.
변수에 대해서는 다음 시간에 풀어드리도록 하겠습니다.
null은 undefined와는 다르게 처음에 할당된 값이 더는 유효하지 않음을 의미합니다.
예시를 볼까요?
var name;
-> undefined
var teacher = "Jayden";
teacher = null;
-> null
변수 name에는 값이 할당되지 않았기 때문에 undefined입니다.
하지만 변수 teacher에서는 할당된 값이 "Jayden"에서 null로 변한 것 을 볼 수 있습니다.
즉 기존 값이 더는 유효하지 않음을 의미합니다.
우리가 생각했을 때는 name도 teacher도 모두 값이 없어진 상태로 생각하지만 컴퓨터는 값이 처음부터 없었던 경우와 값이 있었다가 없어지게 된 경우를 구별합니다.
그래서 보통 변수를 초기화할 때 null을 많이 사용합니다.
이번 시간에는 기본 자료형에 대해 알아보았습니다!
다음 시간에는 복합 자료형에 대해 알아보아요!
그럼 여러분 다음시간에 만나요!
'JavaScript' 카테고리의 다른 글
#5 자바스크립트(JavaScript) - 연산자 : 할당, 연결, 비교, OR, AND, NOT 연산자 (2) | 2022.02.23 |
---|---|
#4 자바스크립트(JavaScript) - 연산자 : 사칙, 나머지, 증감 연산자 (0) | 2022.02.22 |
#3 자바스크립트(JavaScript) - 변수, 변수의 자료형 확인(typeof) (0) | 2022.02.21 |
#2 자바스크립트(JavaScript) - 자료형(Data type) : 복합형(배열, 객체) (0) | 2022.02.15 |
#0 자바스크립트(JavaScript) - 자바스크립트란? (4) | 2022.02.08 |