[TIL] 2023.05.20 Typescript

기본 타입 지정

let project: { member: string[]; days: number; started: boolean } = {
  member: ['kim', 'park'],
  days: 30,
  started: true,
};

Union type

let age: string | number = 'kim';
let name: (string | number) = 100;.

let array: (number | string)[] = [1,'2',3]
let object: {data : (number | string) } = { data : '123' }

let 학교: {
  score: (number | boolean)[];
  teacher: string;
  friend: string | string[];
} = {
  score: [100, 97, 84],
  teacher: 'Phil',
  friend: 'John',
};
학교.score[4] = false;
학교.friend = ['Lee', 학교.teacher];

Type Narrowing

function 내함수(x :number | string){
  if (typeof x === 'number') {
    return x + 1
  } 
  else if (typeof x === 'string') {
    return x + 1
  }
  else {
    return 0
  }
}

if문과 typeof를 사용해서 타입을 하나로 지정한다.

object의 요소가 선택 사항이라면

type Square = {
  color? : string,
  width : number,
}

let 네모2 :Square = { 
  width : 100 
}

객체의 타입에 물음표 연산자를 추가하면 undefined라는 타입도 가질 수 있다는 뜻이 된다.

Type Extend

type PositionX = { x: number };
type PositionY = { y: number };

// 두 가지 방법 모두 가능
type XandY = PositionX & PositionY
type XandY = PositionX & { y: number }

let 좌표 :XandY = { x : 1, y : 2 }