[JavaScript] 자료형 이해하기

자료형이란?

프로그램에서 처리할 데이터의 형태를 말한다.

예를 들어 '10'을 숫자로 처리할지 문자로 처리할지에 따라 프로그램의 결과는 달라진다.

 

자바스크립트의 자료형 기본유형, 복합유형, 특수유형으로 나누어진다.

 

기본유형

①  숫자형(number) : 따옴표 없이 숫자로만 표기

//예시
var age = 20;

숫자형은 정수와 실수로 한번 더 구분이 된다.정수 : 소수점이 없는 숫자실수 : 소수점이 있는 숫자

 

정수는 표현 방법에 따라 10진수, 8진수, 16진수 세 가지 유형으로 나누기도 한다.8진수와 16진수는 이해가 조금 어렵지만 반드시 알아두어야 하는 개념이다.

 

10진수 : 0~9로 표현할 수 있는 숫자

예시) 2000, 17

8진수 : 0~7로 표현할 수 있는 숫자

예시) 012, 013, 02000 (이 때 10진수와 구분하기 위하여 숫자 맨 앞에 0을 붙인다.)

16진수 : 숫자 0~9와 알파벳 A~F로 표현할 수 있는 수

프로그래밍할 때 가장 많이 사용되기도 하며 10 진수와 구분하기 위하여 '0x' 또는 '0X'를 맨 앞에 붙인다.

예시) 0xfff, 0Xfff, 0xFFF, 0XFFF (알파벳 A~F은 대소문자 모두 사용이 가능하다.)

 

정수로 '1+2'를 계산하면 결과는 어떨까.

우리가 아는 것과 같이 '3'이라는 결과가 정확하게 계산되어 나온다.

 

 

 

실수로 '0.1+0.2'를 계산했을 때는 사람의 계산으로는 당연히 0.3이라는 결과값이 나와야 하지만실제로 자바스크립트에서는 0.3이 나오지 않는다.

그 이유는 자바스크립트에서 계산을 할 때는 실수를 2진수로 변환하여 계산을 하는데, 이때 자릿수가 많은 소수로 변환이 되기 때문이다.따라서 실수를 정밀하게 계산하는 건 적합하지 않기 때문에 정밀한 숫자를 계산해야 하는 프로그램을 만들 때는 주의해서 사용해야 한다.

 

 

 

② 문자열(string) : 작은따옴표(' ') 또는 큰 따옴표("" "")로 묶어서 표기

//예시
var name = "Ana";
var BirthYear = "1997";

 

 

작은 따옴표(' ') 또는 큰 따옴표("" "")로 묶은 숫자는 문자열로 인식이 되며,

작은따옴표로 시작한 문자열 데이터는 작은따옴표로,

큰 따옴표로 시작한 문자열 데이터는 큰 따옴표로 끝맺음을 해주어야 한다.

 

만약 문자열 안에 또 다른 문자열을 추가하려면 큰 따옴표로 로 먼저 묶은 뒤 작은따옴표로 표현하여 중복되지 않도록 유의한다.

 

③ 논리형(불린유형boolean) : 참(true) 또는 거짓(flase) 2가지 값만 있는 유형

참과 거짓의 값을 표현하는 자료형으로, 어떤 조건을 확인하여 그 조건이 맞으면 true, 맞지 않으면 flase의 결괏값을 나타낸다.

주로 조건을 확인할 때 논리형 데이터를 많이 사용하며 이때 true와 flase는 소문자로만 표시한다.

 

복합유형

①  배열 : 하나의 변수에 여러 개의 값을 저장

데이터 값을 대괄호 안에 쉼표로 구분하면 배열을 선언할 수 있다.

'배열명["값 1", "값 2"...]'의 형태로 작성되며 대괄호 안에 아무 값을 입력하지 않으면 빈 배열이 만들어진다.

빈 배열 또한 배열을 선언한 것으로 볼 수 있다.

//예시-계절 이름에 변수를 할당
var spring = "봄";
var summer = "여름";
var fall = "가을";
var winter = "겨울";

//예시-각 변수를 배열로 작성
var season = ["봄", "여름", "가을", "겨울"];

//예시-빈 배열 선언
var season = []

 

콘솔 창에서 배열을 작성하면 아래와 같이 순서를 확인할 수 있다.

이때 데이터 옆에 나타나는 0~3번까지의 번호를 '인덱스(index)'라고 한다.

 

인덱스는 쉽게 말해 방 번호라고 생각하면 된다.

배열을 선언하고 각각의 요소들은 순서대로 자신만의 방이 생기는데,  이 방의 번호가 인덱스이며 0부터 시작을 한다.

콘솔창에 '배열명[인덱스]'의 형태로 입력하면 특정 인덱스를 출력하는 게 가능하다.

 

 

 

② 객체 : 함수의 속성을 표시

'new 객체명'의 형태로 사용되며, 자세한 내용은 따로 작성하겠다.

 

특수유형

①  undefined 

변수 선언만 하고 값이 할당되지 않은 자료형을 undefined라고 한다.즉, '변수에 값이 할당되지 않았다'는 의미이다.

 

② null

'데이터의 값이 유효하지 않은 상태'를 나타내며, 변수에 할당된 값이 유효하지 않다는 의미이다.