Koras02
Koras02코딩웹
Koras02
전체 방문자
오늘
어제
  • 분류 전체보기 (299)
    • 백엔드 (59)
      • nestjs (2)
      • Ruby (3)
      • PostgresQL (11)
      • MySQL (5)
      • Haskell (7)
      • Koa (3)
      • Java (3)
      • Python (5)
      • Rust (5)
      • MongoDB (2)
      • PHP (3)
      • Spring Boot (1)
      • redis (5)
      • deno (2)
    • 웹서버 (3)
      • nginx (1)
      • Apache (2)
      • Google Web Server (0)
    • 모바일개발 (5)
      • Figma (0)
      • React Native (2)
      • swift (0)
      • Flutter (3)
      • Kotlin (0)
    • 프론트 엔드 (158)
      • HTML (34)
      • CSS (7)
      • Javascript (35)
      • Angular (0)
      • Typescript (2)
      • React (58)
      • Vue (2)
      • GIT (6)
      • GraphQL (1)
      • Doker (4)
      • Go (8)
      • svelte (1)
      • gatsby (0)
    • etc. (47)
      • Notion (0)
      • TIL (24)
      • Algorithm (17)
      • Algorithm 개념 정리 (2)
      • Wiki (3)
      • Official document (1)
    • 웹개념 (12)
    • 변수정리 (1)
    • VSCode (2)
    • 포트폴리오 분석 (2)
      • React (2)
    • os (5)
      • 윈도우 (4)
      • Mac (0)
      • 가상머신 (0)
      • linux (1)
    • 응용프로그램언어 (2)
      • C (2)
      • C++ (0)
      • C# (0)
    • 블로그 운영관련 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
글쓰기

공지사항

  • [공지사항] 개발 이슈나 공식문서 업데이트 업로드 예정입니⋯

인기 글

태그

  • 알고리즘
  • html
  • Rust
  • Java
  • React
  • html5
  • Flutter
  • CSS
  • Haskell
  • 데이터 타입
  • 프로그래머스
  • mysql
  • koa
  • PostgreSQL
  • Til
  • 문자열
  • go
  • javascript
  • redis
  • 하스켈

티스토리

최근 댓글

최근 글

250x250
hELLO · Designed By 정상우.
Koras02

Koras02코딩웹

[Javscript] 원시 자료형, 참조 자료형
프론트 엔드/Javascript

[Javscript] 원시 자료형, 참조 자료형

2022. 1. 16. 17:07
728x90

원시 자료형과 참조 자료형

1.원시 자료형

원시자료형은 고정된 저장 공간을 차지하는 데이터를 모두 원시 타입(primitive type) 데이터라고 한다.

 

  • 원시 타입 테이터
    객체가 아니면서 method를 가지지 않는 6가지 타입(string, number, bigint, boolean, undefined, symbol,null)

원시 자료현 모두 하나의 데이터만을 담고 있다.

 

예시 

const num = 123
const arr = [1,2,3,4,5];
let bye = "good bye!"

위 예시를 보면, 데이터의 크기와 관계 없이 하나의 변수에는 하나의 데이터만을 담을 수 있다.

 

원시 자료형은 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수는 있다.

 

2.참조 자료형

자바스크립트에서 원시 자료형이 아닌 모든 것들을 참조 자료형으로 볼 수 있다. 대표적으로 배열과 객체, 함수 등이 

있다. 이러한 자료형을 자바스크립트에서 참조 자료형(reference data type) 이라고 부른다.

 

원시 자료형은 하나의 변수에는 하나의 데이터만을 담을 수 있는데, 참조 자료형은 여러 데이터를 담을 수 있다.

 

원리

 

참조 자료형의 데이터는 heap이라고 부르는 별도의 데이터 보관함에 저장되며, 변수에는 데이터가 저장된 

메모리 상의 주소가 저장된다. 

 

원시 자료현과는 다르게 heap 안에 저장된 데이터는 원하는 대로 데이터 사이즈를 조정할 수 있다.

 

참고 자료

 

원시 자료형, 참조 자료형

고정된 저장 공간을 차지하는 데이터를 모두 원시 타입(primitive type) 데이터 라고 한다.객체가 아니면서 method를 가지지 않는 6가지의 타입string, number, bigint, boolean, undefined, symbol, (null)원시 자료

velog.io

 

'프론트 엔드 > Javascript' 카테고리의 다른 글

[Javascript] 호이스팅 이란?  (0) 2022.01.16
[Javscript] Tagged Template Literal  (0) 2022.01.16
[Javascript] 모듈 export, import  (0) 2022.01.16
    '프론트 엔드/Javascript' 카테고리의 다른 글
    • [Javascript] 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy) 차이
    • [Javascript] 호이스팅 이란?
    • [Javscript] Tagged Template Literal
    • [Javascript] 모듈 export, import
    Koras02
    Koras02
    현재 사용중인 언어 - next-js,react,vue, typescript

    티스토리툴바