자바스크립트 데이터타입 - 원시형과 참조형

JS TYPES

Primitive Type(원시 타입)                    Reference Type(참조 타입)

                       Number            Null                                         🔑 Object          📂 Array

                       String               Undefined                                              Function

                       Boolean            Symbol(ES6)

 

                                 Biglnt(ES6)

 

---

Primitive Type(원시 타입)

기본형 데이터는 값을 그대로 할당한다.
메모리상에 고정된 크기로 저장되며 원시 데이터 값 자체를 보관하므로, 불변적이다.
기본적으로 같은 데이터는 하나의 메모리를 사용한다.(재사용)

원시자료형이 할당될 때에는 변수에 값(Value) 자체가 담긴다

 

 

Reference Type(참조 타입)

참조 타입은 변수에 할당할때 값이 아닌 데이터의 주소(reference)를 저장한다.

 

---

Primitive Type(원시 타입)  - 객체가 아니면서 method를 가지지 않는 타입

• 숫자 number : 3.141592     
• 64비트 형식으로 숫자를 표현한다. 산술 연산이 가능하며 소수(Decimal)와 정수(Integer)를 모두 포함한다.
•  
• 문자 string : 'saseum'
• UTF-16 (16비트 유니코드) 문자들을 표현한다. 큰 따옴표("") 또는 작은 따옴표('') 안에 넣어서 사용한다. 문자가 여러개 합쳐진 것을 '문자열'이라고 한다
•  
• boolean : true & false
• 참(true)과 거짓(false)을 가지는 논리 데이터이며 논리 연산, 검증을 수행하는 용도로 사용. 숫자,문자,불리언 타입은 가장 많이 사용되는 데이터 타입이다
•  
• undefined : 변수가 정의되지 않았거나 값이 아직 할당되지 않음을 표현할 때 사용한다
• null : 의도적으로 비어있음을 표현하기 위해 null 이라는 것이 들어있다. 참조할 값이 없음을 나타낸다.
• undefined는 값이 아직 할당되지 않은 상태를 나타내는 것과 차이가 있다. 그러나 typeof 연산하면 객체(object)로 나타난다
•  
• symbol , bigint

---

Reference data type(참조 타입) 

• 자바스크립트에서 원시 자료형이 아닌 모든 것은 참조 자료형
• 참조형은 원시형 데이터의 집합
• 참조 자료형을 변수에 할당할 때 변수에 값이 아닌 주소를 저장한다
• 동적으로 크기가 변하는 데이터를 보관하기 위해 변수가 아닌 다른곳에 데이터를 저장하고
• 변수에는 그 주소만 할당한다(배열,객체) arr:[0,1,2] object{name:'혜인',age:3}

즉 변수에는 하나의 값 혹은 주소만 저장할 수 있다

 

 

• 배열(Array)   
• 배열은 인덱스를 가지는 복수의 자료를 저장할 수 있는 자료 구조를 말한다. 다양한 타입의 값을 저장할 수 있으며 이중, 삼중으로 배열 안에 배열을 넣을 수도 있다.
• 배열값에 접근하기
• 브라켓 노테이션(array[index])으로 해당 순서의 값에 접근할 수 있다.
  만약 다차원 배열(Multi-Dimensional Array) 안의 값에 접근한다면 array[outerIndex][innerIndex]로 접근하면 된다.
•  
• console.log(airline[2][0]); // "B1"

 

• 객체(Object)
• key와 value 한 쌍의 데이터들을 저장하는 자료 구조를 말한다. 부가 설명 없어도 비슷한 성격의 자료들을 보관하는 배열과 달리 값을 설명하는 key가 존재하는 점이 특징이다.
  배열과 객체 등 각 데이터 타입은 사용할 수 있는 메소드(내장 함수)와 프로퍼티가 각각 다르기 때문에 용도에 맞게 사용해야 한다.

 

 

 

• 함수(Function)
• 자바스크립트에선 함수도 객체로 취급한다(일급 객체).