늘 겸손하게

JavaScript - 자바스크립트 데이터 타입 본문

Programming/JavaScript

JavaScript - 자바스크립트 데이터 타입

besforyou999 2022. 8. 19. 17:41

 

자바스크립트 데이터 타입

 

 

자바스크립트 언어의 타입은 원시 값(Primitive)객체(Object)로 나뉩니다.

 

 

 

원시 값 - Primitive

 

 

자바스크립트의 원시 값은 총 7가지로 다음과 같습니다.

 

  • string
  • number
  • bigint
  • boolean
  • null
  • undefined
  • symbol

 

자바스크립트의 원시값은 불변값으로 변경할 수 없습니다.

 

새로운 값으로 재할당은 가능하나 이미 생성한 값을 변경할 수는 없습니다.

 

<예시>

 

let student = "mike";

student.toUpperCase();  // 문자열 "mike"를 대문자로

console.log(student);   // "mike"에 변경이 일어나진 않음

student = student.toUpperCase(); // 할당은 원시값을 변경하지않고 새로운 값을 전달

console.log(student);

결과

 

student = "mike"에서 문자열 "mike"가 변경된것이 아니라 "MIKE"라는 새로운 문자열이 student 변수에 재할당된것.

 

 

Object

 

 

원시 값을 제외한 모든 데이터 타입이 객체 타입입니다. 

 

객체란 "이름(name)과 값(value)으로 구성된 프로퍼티(property, 한글로는 속성)의 정렬되지 않은 집합"입니다.

 

 

< 예시 >

 

let student = {name: "Mike", age: 25, height: 180}

 

객체는 원시값과는 다르게 가변값입니다. 값이 변경될 수 있습니다.

 

< 예시 >

 

let student = {name: "Mike", age: 25, height: 180};

console.log(student.name); // "Mike"

student.name = "Andy";

console.log(student.name); // "Andy"

 

결과

 

 

속성값이 실제로 변한다.

 

 

출처

https://developer.mozilla.org/ko/docs/Glossary/Primitive

https://developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures#%EA%B0%9D%EC%B2%B4

http://www.tcpschool.com/javascript/js_object_concept