본문 바로가기
typescript

[typescript] 타입 기본

by 남민섭 2023. 2. 24.
728x90
반응형

1) 타입 추론

타입스크립트는 타입 표기가 없는 경우 코드를 일고 분석하여 타입을 유추할 수 있음

(코드를 보고 추론하는것)

ex)

let str1 = "green"
str1 = 10

 

2) 타입 명시

변수 선언시 변수값의 타입을 명시함으로써 변수 값의 테이터 타입을 지정

ex)

let str1 = "green"
let str2:string = "나는 영원히 문자열타입 변수야"

 

3)타입 선언

1.변수 타입 선언

let 변수명 : type

number, string, boolean, null,undefined

object, Array<type>, type[]

 

any 타입 : 항목의 값을 지정할 수 없을때 사용

 

유니언 타입( 다중 타입) - 2개이상의 타입을 허용하는 경우

let array: (string | number) [] 

let strnum: Array <string | number>

 

실습1

//기본데이터타입
//string, number, boolean, null, undefined,
//Array, object
//기본타입
let booleanType:boolean = true;
let numType:number = 30;
let stringType:string = "green";
let undefinedType:undefined = undefined;
let nullType:null = null;
let objType:object = {}
let anyType:any = 123;


//배열
//구문 number [], Array<number>

let arr:number[] = [0,1,2,3,4,5];
let arr2:Array<number> = [1,2,3,4,5];
let strArr: string[] = ["a", "b", "c", "d", "e", "f",]
let strArr2 : Array<string> = ["가", "나", "다", "라","마"]
let anyArr: any [] = [30, "a", true];


//유니언 타입(다중타입)
let numStr: number | string;
numStr = 30;
numStr = "A"

let numStrArr: (number | string) [] = [12, "a", "b"]

 

728x90
반응형

'typescript' 카테고리의 다른 글

[typescript] 배열타입  (0) 2023.02.24
[typescript] 함수  (0) 2023.02.24
[typescript] interface  (0) 2023.02.24
[typescript] 기초 1-1(터미널 출력)  (0) 2023.02.16
[typescript] 타입스크립트 사이트, 설치, 컴파일 설정  (0) 2023.02.15

댓글