본문 바로가기
JavaScript

[JavaScript] JavaScript 데이터 타입

by 바구일 2021. 6. 8.

[JavaScript] Javaxcript 데이터타입

자바스크립트 데이터타입 구조도

  • 수 (Number)
  • 문자열 (String)
  • 불린 (Boolean)
  • 기호 (Symbol)
  • 널 (Null)
  • 정의되지 않음 (Undefined)
  • 객체 (Object)

1. 수 (Number)

- JavaScript에서 Number는 IEEE 754 64비트 형식을 사용하여 숫자를 나타낸다.

- JavaScript에는 정수, 실수를 구분하지 않고(BigInt 제외) Number타입이 존재한다.

- parseInt(), parseFloat() 내장함수를 이용해 문자열을 숫자형으로 변환 가능하다.

 

console.log(3 / 2);
// 1.5

console.log(Math.floor(3 / 2));
// 1

console.log(0.1 + 0.2);
// 0.30000000000000004 (왜 이런 값이 나오는지는 추후 포스트 예정)

console.log(parseInt('123.45'));
// 123

console.log(parseFloat('123.45'));
// 123.45

 

2. 문자열 (String)

- 메서드까지 있는 확실한 객체이다.

- 큰따옴표("")와 작은따옴표('') 그리고 백틱(``)으로 감싸 문자열을 생성한다.

 

var str1 = '안녕하세요';
var str2 = "ba91";

var str3 = str1 + ' 저는 ' + str2 + ' 입니다';
var str4 = `${str1} 저는 ${str2} 입니다`;

console.log(str3);
// 안녕하세요 저는 ba91 입니다

console.log(str4);
// 안녕하세요 저는 ba91 입니다

console.log("str3 글자수 : " + str3.length);
// str3 글자수 : 17

 

3. 불린 (Boolean)

- false, 0, 빈문자열(""), 수가 아님을 뜻하는 NaN, null, undefined는 모두 false가 된다.

- 다른 모든 값은 true가 된다.

 

var boolTest = true;
var boolTest2 = '';
var boolTest3 = NaN;
var boolTest4 = undefined;
var boolTest5 = 234;
var boolTest6 = "isTrue?";

console.log(typeof(boolTest));
// boolean

console.log(Boolean(boolTest2));
// false

console.log(Boolean(boolTest3));
// false

console.log(Boolean(boolTest4));
// false

console.log(Boolean(boolTest5));
// true

console.log(Boolean(boolTest6));
// true

 

4. null & undefined

- null은 의도적으로 값이 없음을 가리키는 객체 타입이다.

- undefined는 아직 어떤 값도 주어지지않은(할당되지않은) 변수임을 가리킨다.

 

var undefinedTest;
var nullTest = null;

console.log(typeof(undefinedTest));
// undefined

console.log(typeof(nullTest));
// object

 

데이터 타입중 "심볼(Symbol)"이라는 타입이 ES6에 새로 추가되었지만 개인적으로 사용해본적이 없기때문에 추후 활용할 기회가 있을때 다시 포스팅할 예정이다.

 

Object타입은 다음 포스트에서 이어서 게시할 예정이다.

 


참고자료

https://developer.mozilla.org/ko/docs/Web/JavaScript

 

샘플코드

https://github.com/ba912/ba91_blog_sample

댓글