본문 바로가기

프로그래밍/자바스크립트 (JS)

자바스크립트 자료형의 종류

자바스크립트 자료형의 종류는 아래 와 같다

일반형:

숫자(Number), 문자(String), Boolean (참, 거짓 (true or false))

배열(Array), 객체(Object)

특수형 :  Null, Undefined

 

1. 숫자 (Number)

숫자는 정수와 소수(0.1 0.2 0.125 ...)로 구분되는 경우도 많으나, 자바스크립트에서는 기본적으로 다 같은 수로 생각한다

 

var num = 1; 

var num = 0.1; 

 

정수는 10진수 외에 8진수 16진수로도 표현한다. 

 

var num = 2020; // 10진수 : 2020

var num = 020; // 8진수로 인식, 10진수로는 16

var num = 0xF; // 16진수로 인식 10진수로는 15

 

2. 문자 (String)

문자는 말그대로 문자열을 저장하는 자료형이다. 

 

var text = "내용을 입력하세요";

var text = '내용을 입력하세요';

 

3. Boolean 

boolean은 참 또는 거짓 (true or false)만을 나타내는 자료형이다. 

if문에서도 조건문이 참(true)이라면 명령문을 실행하는 것이다.

 

var bool = true;

var bool = false;

 

4. 배열 (Array)

배열을 리스트?처럼 생각하면 되는데 한 변수에 여러 값을 넣을 수 있다. 먼저 예시를 보면...

var a = ["Hello", "World"];

처럼 대괄호 [ ]로 배열을 나타내고 각 값은 반점 , 으로 분리한다. 특정위치의 값을 재할당하거나 읽을 수 있고, 특정값의 위치나, 특정값이 배열에 들어있는지 찾을 수도 있다. 

여기서 위치는 0부터 세고, 개수는 1부터 샌다)

console.log(a); // ["Hello", "World"] 라고 출력

console.log(a[0]); // Hello 라고 출력

 

5. 객체 (Object)

객체는 배열과 배슷하지만 순서가 중요한게 아니라 key와 값이 1:1로 매칭된다. 

따라서 순서나 위치값이 아닌 key로 값을 찾을 수 있다. 

var ob = {num: 1, name: "홍길동", age: 20, com: "샘성"};

console.log(ob.name); // 홍길동

console.log(ob["com"]); // 샘성

(죄송합니다... 제가 변수명을 잘 못지어요....)  

위와 같이 객체는 { } 중괄호로 나타내고, 키 : 값 으로 되어 있습니다. 

불러올 때는 변수명.키 또는 변수명["키"] 두방식이 있습니다. 

 

6. Null (널)

 

Null의 값은 null 밖에 없으며, null만을 가르킨다. 

Null은 비어있다고 이야기 하는 의미이며, 특정 어떤 값이 아닌 null 자체를 가르켜서 

이미 선언되고 설정된 값을 지울때 쓴다고 생각하면 된다. 

 

var Nu = 1; //1

Nu = null; //null

 

7. Undefined (언디파인드)

Undefined는 의미 그대로 정의되지 않은 값, 즉 null과 비슷하게 빈 값을 가르킨다. 

차이점은 Undefined는 정의되지 않은 값이라는 말처럼

변수가 선언되었으나 값이 한번도 설정되지 않은 경우에만 쓰인다. 

 

var Un; //Undefined 

Un = 1; // 1

반응형