[Javascript] 변수의 데이터 타입

Kiara ·2023년 3월 15일
0

Javascript

목록 보기
4/6
post-custom-banner

💎 원시 자료형(primitive type)

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

🗝️ 특징

  • 원시 데이터 값이므로 변경이 불가능하다.
  • 같은 데이터는 하나의 메모리를 사용한다.

🗝️ 종류

  • number : 데이터 타입이 숫자일 때
  • string : 데이터 타입이 문자열일 때
  • boolean : 데이터가 True 또는 False의 값을 반환할 때
  • undefined : 데이터 값이 할당되지 않았을 때
  • null : 데이터 값이 없을 때
  • symbol : 다른 값과 중복되지 않는 고유한 심볼을 생성할 때 ( new 생성자 사용 불가능)

🗝️ undefined vs null

  • undefined : 데이터 값이 있는지 없는지 불확실한 상태
let unknown;
console.log(unknown); //undefined

//데이터 타입 확인
console.log(typeof unknown); //"undefined"
  • null : 데이터 값이 확실히 없을 때
let data = null;
console.log(data); //null

//데이터 타입 확인
console.log(typeof data); //"object"

🗝️ 변수 복사 방식 : Copy by value

원시 자료형의 데이터를 복사하면, 데이터의 값이 복사된다.

var num1 = 2023;
var num2 = num1;

num1 = 2022;

console.log(num2);	// 2023;

num1의 값을 2022로 변경하기 전에 num1의 값을 복사했기 때문에 num2의 값을 출력하면 변경 전의 num1의 값인 2023이 나온다.

💎 자료 참조형(reference type)

: 자료 참조형이 할당될 때에는 변수에 값을 가르키는 주소(reference)가 담긴다.

🗝️ 특징

  • 참조형 데이터 값으로 가변성을 가지고 이미 생성된 값의 변경이 가능하다.
  • 같은 메모리 주소를 갖는 데이터는 같은 값을 갖는다.

🗝️ 종류

  • object : 연관된 데이터를 묶어서 보관하는 데이터 타입. keyvalue로 구성된다.
let objectEx = {		// key : value 순서로 구성됨
  name : "Apple",		// key = name, value = Apple
  color : "Red",		// key = color, value = Red
  count : 3		// key = count, value = 3
};
  • array : 배열 데이터
  • function : 함수 데이터

🗝️ 변수 복사 방식 : Copy by reference

자료 참조형 데이터를 복사하면, 참조값(메모리 주소)를 복사한다.

var info = { 
  name : "Kiara" 
};
var copyInf = info;

info.name = "Kirakira";

console.log(copyInf);	// name : "Kirakira"

설명 수정


Ref. Surim014 님 / RunningWater 님 / 서근 님
profile
Front/Back Beginner
post-custom-banner

0개의 댓글