Frontend/Typescript

[typescript] 기본 타입

당닝 2022. 3. 12. 22:52
728x90
목차
1. String
2. Number
3. Boolean
4. Object
5. Array
6. Tuple
7. Enum
8. Any
9. Void
10. Never

 

1. String

let str: string = 'hi';

 

2. Number

let num: number = 10;

 

3. Boolean

let isLoggedIn: boolean: false;

 

4. Object

 

5. Array

let arr: number[] = [1, 2, 3];
let arr: Array<number> = [1, 2, 3]; // 제네릭 사용

 

6. Tuple

: 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식

let arr: [string, number] = ['hi', 10];

 

7. Enum

: 특정 값(상수)들의 집합

enum Avengers { Capt, IronMan, Thor }
let hero: Avengers = Avengers.Capt;

 

인덱스 번호로도 접근 가능하다.

enum Avengers { Capt, IronMan, Thor }
let hero: Avengers = Avengers[0];

 

 

Enum의 인덱스를 사용자 편의로 변경하여 사용 가능하다.

enum Avengers { Capt = 2, Ironman, Thor }
let hero: Avengers = Avengers[2]; // Capt
let hero: Avengers = Avengers[4]; // Thor

 

8. Any

: 단어 의미 그대로 모든 타입에 대해서 허용한다는 의미

기존에 자바스크립트로 구현되어있는 웹 서비스 코드에 점진적으로 적용할 때 활용하면 좋은 타입

let str: any = 'hi';
let num: any = 10;
let arr: any = ['a', 2, true];

 

9. Void

변수에는 undefined와 null만 할당하고, 함수에는 반환값을 설정할 수 없는 타입

let unuseful: void = undefined;
function notuse(): void {
	console.log('sth');
}

 

10. Never

함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입

// 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
function neverEnd(): never {
	while (true) {
    
    }
}

 

출처

https://joshua1988.github.io/ts/guide/basic-types.html#%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EB%B3%B8-%ED%83%80%EC%9E%85

728x90