Nested Objects & Types

const product {
  id: string;
  price: number;
  tags: string[];
  details: { 
    title: string;
    description: string;
  }
} = {
  id: 'abc1',
  price: 12.99,
  tags: ['great-offer', 'hot-and-new'],
  details: {
    title: 'Red Carpet',
    description: 'A great carpet - almost brand-new!'
  }
}

Object

객체 타입

const user: { name: string; height: number; } = { name: '안희종', height: 176 };

• 콜론(:)의 우변에는 값 대신 해당 속성의 타입이 들어간다.

• 구분자로 콤마(,) 뿐만 아니라 세미콜론(;)을 사용할 수 있다.

선택 속성

const userWithUnknownHeight: { name: string; height?: number; } = { 
  name: '김수한무' 
};

읽기전용 속성

const user: { 
  readonly name: string; 
  height: numer; 
} = { name: '안희종', height: 176 };
user.name = '종희안'; // error TS2540: Cannot assign to 'name' because it is a constant or a read-only property.

Array 1

let arr: number[] = [1, 2, 3];

Array 2

let arr: Array<number> = [1, 2, 3];