Partial<T>

// 問題1. User型のプロパティをすべてオプショナルにしてください
type User = {
  name: string
  age: number
}

// この下に解答してください
type PartialUser = Partial<User>

const user: PartialUser = {
  name: 'Taro',
  age: 28
}

const user2: PartialUser = {
  name: 'Taro'
}

// 問題2. Post型のプロパティをすべてオプショナルにしてください
type Post = {
  id: number
  text?: string
  createdAt: Date
}

// この下に解答してください
type PartialPost = Partial<Post>

const post: PartialPost = {
  id: 1,
  text: 'Hello',
  createdAt: new Date()
}

const post2: PartialPost = {
  id: 1
}


// 問題1. User型のプロパティをすべてオプショナルにしてください
type User = {
  name: string
  age: number
}

// この下に解答してください
type PartialUser = User

const user: PartialUser = {
  name: 'Taro',
  age: 28
}

const user2: PartialUser = {
  name: 'Taro'
}

// 問題2. Post型のプロパティをすべてオプショナルにしてください
type Post = {
  id: number
  text?: string
  createdAt: Date
}

// この下に解答してください
type PartialPost = Post

const post: PartialPost = {
  id: 1,
  text: 'Hello',
  createdAt: new Date()
}

const post2: PartialPost = {
  id: 1
}


Partial

ジェネリクス

Required<T>

Required

Pick<T, K>

Pick

Omit<T, K>

interface Color {
  red: number
  green: number
  blue: number
}

type ColorWithoutBlue = Omit<Color, 'blue'>

const myColor: ColorWithoutBlue = {
  red: 100,
  green: 100
}

Omit

UtilityTypeを組み合わせる

【演習】特定の型を取得しよう

Exclude<T, U>

Exclude

Extract<T, U>

Extract

Readonly<T>

Readonly

NonNullable<T>

NonNullable

Parameters

ReturnType

【演習】特定の型を取得しよう2

「使えると便利！TypeScriptのUtilityType入門」レッスンの総復習クイズです。

使えると便利！TypeScriptのUtilityType入門の総復習クイズ

使えると便利！TypeScriptのUtilityType入門