Study/TypeScript

[TS] 기본 자료형 타입 선언

taecongs 2023. 10. 11. 15:12

 


알고있으면 좋은 Typescript Tip✨


기본 자료형 타입 선언 (basic data type)

  • :를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 한다.

 

(1) 문자형(String)

// 문자형 선언
const str: string = 'hello world';

 

(2) 숫자형(Number)

// 숫자형 선언
const num: number = 30;

 

(3) 배열(Array)

// 문자 자료형 배열 선언(제네릭 방식)
let arr1: Array<String> = ['강아지','고양이','토끼'] 

// 숫자 자료형 배열 선언(제네릭 방식)
let arr2: Array<number> = [1,2,3]

// 숫자 자료형 배열 (리터럴 방식)
let numbers: number[] = [1,2,3]

 

(4) 튜플(Tuple)

  • 튜플은 배열의 서브타입으로 인덱스의 타입이 알려져 있지만, 동일할 필요는 없으며 요소의 수가 고정된 배열을 표현하는 경우 사용한다.
let address: [string, number] = ['LG트윈스', 1994]

 

(5) 객체(Object)

let person: object = {
  name: 'Obic',
  age: 33
}

//또는

let person: { name: string, age: number } = {
  name: 'Obic',
  age: 33
}

 

(6) 진위값(Boolean)

// TS에선 진위값을 1 or 0 으로 사용하는 것 보다 true / false로 지정해서 사용해주어야한다.
const show: boolean = true