타입스크립트 객체 타입 선언 예제

-

const user = {
  name: "Kim",
  age: 30,
};

-

const user: { name: string; age: number } = {
  name: "Kim",
  age: 30,
};

-

const product: { id: number; name: string; price: number } = {
  id: 1,
  name: "Keyboard",
  price: 50000,
};

-

type User = {
  id: number;
  name: string;
  email: string;
};

const user: User = {
  id: 1,
  name: "Kim",
  email: "kim@example.com",
};

-

interface User {
  id: number;
  name: string;
  email: string;
}

const user: User = {
  id: 1,
  name: "Lee",
  email: "lee@example.com",
};

-

type User = {
  id: number;
  name: string;
  phone?: string;
};

const user1: User = {
  id: 1,
  name: "Kim",
};

const user2: User = {
  id: 2,
  name: "Park",
  phone: "010-1234-5678",
};

-

type User = {
  readonly id: number;
  name: string;
};

const user: User = {
  id: 1,
  name: "Kim",
};

user.name = "Lee";

// 오류 발생
// user.id = 2;

-

type User = {
  id: number;
  name: string;
  address: {
    city: string;
    detail: string;
    zipCode: string;
  };
};

const user: User = {
  id: 1,
  name: "Kim",
  address: {
    city: "Seoul",
    detail: "Gangnam-gu",
    zipCode: "06000",
  },
};

-

type Address = {
  city: string;
  detail: string;
  zipCode: string;
};

type User = {
  id: number;
  name: string;
  address: Address;
};

-

type Product = {
  id: number;
  name: string;
  price: number;
};

const products: Product[] = [
  {
    id: 1,
    name: "Keyboard",
    price: 50000,
  },
  {
    id: 2,
    name: "Mouse",
    price: 30000,
  },
];

-

const products: Array<Product> = [
  {
    id: 1,
    name: "Keyboard",
    price: 50000,
  },
];

-

type Counter = {
  count: number;
  increase: () => void;
};

const counter: Counter = {
  count: 0,
  increase: () => {
    console.log("증가");
  },
};

-

type Calculator = {
  add: (a: number, b: number) => number;
};

const calculator: Calculator = {
  add: (a, b) => a + b,
};

-