09009

[TypeScript] 기본 타입 본문

Front-End/Typescript
[TypeScript] 기본 타입
09009 2024. 5. 20.

 

타입 지정하기

function add(a: number, b: number) {
    return a + b
}

const sum: number = add(1, 2)
console.log(sum); // 3

 

 

TypeScript

let age: number = 30;
let isAdult: boolean = true;
let a : number[] = [1,2,3];
let a2: Array<number> = [1,2,3];

let week1: string[] = ['mon', 'tue', 'wed'];
let week2: Array<string> = ['mon', 'tue', 'wed'];

 

JavaScript

let age = 30;
let isAdult = true;
let a = [1, 2, 3];
let a2 = [1, 2, 3];
let week1 = ['mon', 'tue', 'wed'];
let week2 = ['mon', 'tue', 'wed'];

 

 

Array

// 문자열만 가지는 배열
let players: string[] = ['Mbappe', 'Haaland', 'Foden'];
// Or
let players: Array<string> = ['Mbappe', 'Haaland', 'Foden'];

// 숫자만 가지는 배열
let oneToFour: number[] = [1, 2, 3, 4];
// Or
let oneToFour: Array<number> = [1, 2, 3, 4];

 

문자열과 숫자를 동시에 가지는 배열

let players: (string | number)[] = ['Haaland', 1, 2, 'Mbappe', 'Kane', 3];
// Or
let players: Array<string | number> = ['Haaland', 1, 2, 'Mbappe', 'Kane', 3];

 

 

void, never

// void, never
function sayHello() : void {
    console.log('hello');
}

function showError() :never {
    throw new Error();
}

function infLoop() {
    while (true) {

    }
}

 

 

enum

특정 값만 입력할 수 있게 강제하고 싶을 때 사용

enum에 수동으로 값을 주지 않으면 자동으로 0부터 1씩 증가하면서 할당된다.

// enum
enum Os {
    Window,
    Ios,
    Android
}

 

 

enum Os {
    Window = 3,
    Ios = 10,
    Android
}

 

 

 

숫자, 문자 : 양방향 매핑 가능

문자와 문자는 단방향 매핑만 가능

 

입력

enum Os {
    Window = 3,
    Ios = 10,
    Android
}

console.log(Os[10]);
console.log(Os['Ios']);

 

 

출력

[LOG]: 3 
[LOG]: "Ios" 
[LOG]: 10

 

 

 

null, defined 선언

// null, defined
let a:null = null;
let b:undefined = undefined;

 

 

'Front-End > Typescript' 카테고리의 다른 글

[TypeScript] 인터페이스, 함수  (0) 2024.05.21
Comments