본문 바로가기
javascript

타입스크립트 기본 타입

by hjcode 2020. 6. 9.

불리언

const hello: boolean = true;
const world: boolean = false;

참 또는 거짓을 나타내는 타입이다.

숫자

const hello: number = 100;
const world: number = 0.5;

숫자를 나타내는 타입이다. 자바스크립트에서는 정수, 부동 소수점 등의 구분이 따로 없다.

문자열

const hello: string = '안녕하세요';
const world: string = '타입스크립트';

문자열을 나타내는 타입이다.

null/undefined

const hello: null = null;
const world: undefined = undefined;

null 타입과 undefined 타입은 각각 null과 undefined라는 하나의 값만을 갖는다.

any

let anyType: any = true;
anyType = 3;
anyType = 'type';
anyType = {};

any 타입은 모든 타입과 호환 가능하다.

any 타입의 변수에는 모든 값을 할당할 수 있다.

void

function not(): void {

}

void는 null과 undefined 만을 값으로 가질 수 있는 타입이다.

아무런 값도 반환하지 않는 함수의 반환 타입을 표시할 때 사용한다.

배열

const num: number[] = [0,1,2,3,4,5];
const str: string[] = ['a', 'b', 'c'];
// or
const num: Array<number> = [0,1,2,3,4,5];
const str: Array<string> = ['a', 'b', 'c'];

배열 타입은 자바스크립트 Array 값의 타입을 나타내는데 쓰인다.

원소 타입 뒤에 대괄호([])를 붙여 표현하거나 Array<> 안에 타입을 넣어서 쓸 수 있다.

객체

const man: { name: string; age: number; } = { name: "ts", age: 99 };

중괄호를 이용해 객체타입을 표현할 수 있다.

선택속성

const man: { name: string; age?: number } = { name: 'ts' };

속성뒤에 ?을 붙여 해당 속성이 존재하지 않을 수도 있음을 표현할 수 있다.

읽기전용

const man: { readonly name: string; age: number } = { name: 'ts', age: 100 };
man.name = 'hi';
// cannot assign to 'name' because it is a read-only property.

속성명 앞에 readonly 키워드를 붙여 해당 속성의 재할당을 막을 수 있다.

반응형

'javascript' 카테고리의 다른 글

객체 복사 참조하지 않게 하기  (0) 2020.07.23
파일명 자르기  (0) 2020.07.13
배열 유사배열  (0) 2020.06.03
pushState  (0) 2020.05.22
es6로 0부터 n까지 숫자범위 배열 생성  (0) 2020.05.12