JavaScript의 데이터 타입에 대해 알아보자

JavaScipt는 객체 프로토타입 및 클래스를 사용하여 객체 지향 프로그래밍을 지원한다.

Primitive Type(기본 유형)

  • Number
    • 매우 큰 숫자를 제외한 모든 숫자값에 사용된다
  • BigInt
    • 임의 길이의 정수이다.
  • String
    • 텍스트 저장하는 데 사용된다.
    • 문자열의 길이는 length 속성으로 알 수 있다.
1
2
const str = 'hello';
console.log(str.length); // 5
cs
  • Boolean
    • true, false 조건 논리에 사용된다
    • false, 0, 빈 문자열 (""),NaN, null, undefined은 모두 false다. ⇒ 거짓 같은 값(falsy)
    • 다른 모든 값은 true다. ⇒ 참 같은 값(truthy)
    • Boolean() 함수를 써서 변환할 수 있지만, if문과 같이 필요한 경우 자동으로 변환된다.
  • Symbol
    • 충돌하지 않는 고유 식별자를 만드는 데 사용된다.
  • Undefined
    • 변수에 값이 할당되지 않았음을 나타낸다.
  • Null
    • 의도적으로 값이 없음을 나타낸다.

특징

  • 기본형 데이터는 불변값이다.
  • 기본형에서는 데이터를 바꿀 때 가리키고 있는 주소를 직접 바꿔놓게 된다
  • 데이터 할당시에는 빠름, 비교에 비용이 많이 듦, 메모리 낭비가 심함

Reference Type(객체)

  • Function
  • Array
  • Date
  • RegExp
  • Error

💡 함수는 호출할 수 있는 특별한 타입의 객체이다.

특징

  • 데이터 할당시에는 느림, 비교에 비용이 들지 않음, 메모리 낭비 최소화
  • 비교에 비용이 들지 않는 다른 말은, 같은 값이 전체 메모리 공간 상에 오직 하나만 존재

'Javascript' 카테고리의 다른 글

JavaScript 현재 날짜와 시간 가져오기  (0) 2018.04.03
canvas 크기 수정 자바스크립트  (0) 2018.03.25
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//"09/08/2014, 2:35:56 AM"
new Date().toLocaleString();
 
//"09/08/2014"
new Date().toLocaleDateString();
 
//"2:35:56 AM"
new Date().toLocaleTimeString();
 
//"02:35"
new Date().toLocaleTimeString('en-US', { hour12: false
                                             hour: "numeric"
                                             minute: "numeric"});
 
//"02:35"
new Date().toLocaleTimeString('en-GB', { hour: "numeric"
                                             minute: "numeric"});
cs


'Javascript' 카테고리의 다른 글

JavaScript 데이터 타입(기본형, 참조형)  (0) 2024.03.13
canvas 크기 수정 자바스크립트  (0) 2018.03.25
1
2
3
4
5
6
7
8
9
10
11
<script>
    window.onload = function () {
        //캔버스 크기 조정
        var canvas = document.getElementById('line-chart');
 
        canvas.style.width = '100%';
        canvas.style.height = '100%';
    }
    //끝
    
</script>
cs


+ Recent posts