Gapus Dev Blog

[자바스크립트] 데이터타입 본문

프론트엔드/JavaScript

[자바스크립트] 데이터타입

Gapus 2023. 1. 9. 19:00

데이터 타입이란?

  • 데이터 타입이란 개발에 사용하는 데이터의 종류이다.
  • 원시 타입은 변경 불가능하며, 재할당을 해야 한다.
  • 재할당을 하게 되면 연결된 메모리주소와 연결을 끊고 새롭게 만든 데이터의 메모리 주소와 연결한다.
  • 원시 타입(primitive data type)
    • boolean
    • number
    • string
    • null
    • undefined
  • 객체 타입 (object type)

boolean

  • boolean 타입은 논리적 참, 거짓을 나타내는 true, false이다.
  • boolean은 주로 흐름을 제어하는 조건문에서 사용한다.
  • null, undefined, 숫자 0, -0 , " "는 false로 처리
var foo = true;
var bar = false;

// typeof 연산자는 타입을 나타내는 문자열을 반환한다.
console.log(typeof foo); // boolean
console.log(typeof bar); // boolean

출처 - https://poiemaweb.com/js-data-type-variable  모던 javascript deepdive

number

  • 숫자 타입은 모든 수를 실수로 처리한다. 정수끼리 나누더라도 실수로 표시된다.
console.log(1 === 1.0); // true

var result = 4 / 2;
console.log(result); // 2
result = 3 /2;
console.log(result); // 1.5

출처 - https://poiemaweb.com/js-data-type-variable  모던 javascript deepdive

String

  • 문자열(String) 타입은 텍스트를 나타낼 때 사용한다.
  • 문자열은 작은따옴표('), 큰 따옴표(") 안에 데이터를 넣어 사용한다.
  • 문자열은 변경 불가능이다. 변경하게 되면 새로운 메모리를 생성하여 가리킨다.
  • 문자열에 접근 시 인덱스를 통해 접근이 가능하다.
let str = 'string'

str = 'String';
console.log(str); // String

str += ' test';
console.log(str); // String test

str = str.substring(0, 3);
console.log(str); // Str

str = str.toUpperCase();
console.log(str); // STR

출처 - https://poiemaweb.com/js-data-type-variable  모던 javascript deepdive

null

  • 자바스크립트에서 null은 의도적으로 값이 없음을 명시할 때 사용한다.
  • 함수를 호출하였을 때 유효한 값을 반환하지 못하면 null을 반환한다.
let ex = 'kim'
ex = null // 참조 정보 제거

var element = document.querySelector('.myElem');
// HTML 문서에 myElem 클래스를 갖는 요소가 없다면 null을 반환한다.
console.log(element); // null

출처 - https://poiemaweb.com/js-data-type-variable  모던 javascript deepdive

undefined

  • 선언 이후 값을 할당하지 않는 변수는 undefined 값을 가진다.
  • 의도했으면 null, 안 했으면 undefined로 구분한다.
let ex

console.log(ex); // undefined

출처 - https://poiemaweb.com/js-data-type-variable  모던 javascript deepdive

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

[자바스크립트] 호이스팅  (0) 2023.10.19
[자바스크립트] 조건문  (0) 2023.01.10
[자바스크립트] 객체  (2) 2023.01.06
[자바스크립트] 배열, 문자열  (0) 2023.01.06
[자바스크립트] 변수, 상수  (0) 2023.01.06