// 問題1. 2つのユニオン型からstringとnumberのユニオン型を取得してください
type UnionType = string | number | boolean
// この下に回答を記述してください
type ExtractUnionType = Extract<UnionType, string | number>

const extractUnionType: ExtractUnionType = 'Hello'
const extractUnionType2: ExtractUnionType = 1

// 問題2. リテラル型から特定の型を取得してください
type Vehicle =
  | {
      type: 'car'
      wheels: number
      country: string
    }
  | {
      type: 'bicycle'
      wheels: number
    }
  | {
      type: 'airplane'
      distance: number
      country: string
    }

// この下に回答を記述してください
type Car = Extract<Vehicle, { type: 'car' }>

const car: Car = {
  type: 'car',
  wheels: 4,
  country: 'Japan'
}


Extract<T, U>

// 問題1. 2つのユニオン型からstringとnumberのユニオン型を取得してください
type UnionType = string | number | boolean
// この下に回答を記述してください
type ExtractUnionType = UnionType

const extractUnionType: ExtractUnionType = 'Hello'
const extractUnionType2: ExtractUnionType = 1

// 問題2. リテラル型から特定の型を取得してください
type Vehicle =
  | {
      type: 'car'
      wheels: number
      country: string
    }
  | {
      type: 'bicycle'
      wheels: number
    }
  | {
      type: 'airplane'
      distance: number
      country: string
    }

// この下に回答を記述してください
type Car = Vehicle

const car: Car = {
  type: 'car',
  wheels: 4,
  country: 'Japan'
}


Extract

ジェネリクス

Partial<T>

Partial

Required<T>

Required

Pick<T, K>

Pick

Omit<T, K>

Omit

UtilityTypeを組み合わせる

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

Exclude<T, U>

Exclude

Readonly<T>

Readonly

NonNullable<T>

NonNullable

Parameters

ReturnType

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

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

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

type ColorWithoutBlue = Omit<Color, 'blue'>

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

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

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

Extract

まずは必要なスキルを確認しましょう！