[ javascript ] 원시 자료형과 참조 자료형

최준호·2022년 9월 6일
0

원시 자료형이란?

  • javascrip에서 원시 타입의 데이터는 객체가 아니면서 method를 가지지 않는 7가지 타입을 말한다

    string, number, bigint, boolean, undefined, symbol, null

-이 중에서 자주 사용되는 5가지 원시 자료형이다.

stirng, number, boolean, undefined, null

  • 원시 자료형의 변수에는 하나의 데이터만 담을 수 있다.

  • 변수에 값을 담는다.

    < 예시 >

  • 원시 타입 데이터는 각 변수간에 데이터를 복사할 경우, 데이터 값이 복사되기 때문에 기존의 데이터에 영향이 가지 않는다

let a = 5;
b=7; //데이터를 복사할 경우
b=4; 
a; //5, 기존의 데이터에 영향이 가지 않는다

참조 자료형이란?

  • javascript에서 원시 자료형이 아닌 모든 것은 참조 자료형이다. 배열([]), 객체({}), 함수(function(){})이 대표적이다.
  • 참조 자료형의 데이터 자체는 지금까지 배웠던 원시 자료형이 보관되는 데이터 보관함이 아닌 특별한 데이터 보관함에 저장된다.
  • 하나의 주제를 갖지만 서로 다르고, 여러 개의 데이터를 가지고 있다.
  • 참조 타입 데이터는 주소를 복사한다. 복사한 데이터에서 원소를 변경하면, 주소안에 있는 데이터가 변경되는 것이기 때문에 기존의 데이터에도 영향이 간다.

< 예시 >

let a = [10, 20];
let b = a;
b[0] = 70;
a; //[70, 20]

원시 자료형과 참조 자료형의 특징

  • 원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때는 보관함의 주소(reference)가 담긴다.

  • 참조 자료형은 기존에 고정된 크기의 보관함이 아니라, 동적으로 크기가 변하는 특별한 보관함을 사용할 수 있다.

profile
LV2 프론트엔드 엔지니어

0개의 댓글