أنواع الوصول المفهرس

البحث عن أنواع الخصائص

الوصول المفهرس الأساسي

interface User { id: number; name: string }
type NameType = User["name"] // string
const n: NameType = "Ada"
console.log(n)

لماذا لا نكتب النوع مباشرةً

interface Product { price: { amount: number; currency: string } }
type Price = Product["price"] // { amount: number; currency: string }
const p: Price = { amount: 10, currency: "USD" }
console.log(p)

الوصول باستخدام اتحاد من المفاتيح

interface User { id: number; name: string }
type IdOrName = User["id" | "name"] // number | string
const v: IdOrName = 5
console.log(v)

Obj[keyof Obj] لجميع القيم

interface Config { host: string; port: number; secure: boolean }
type Values = Config[keyof Config] // string | number | boolean
const v: Values = true
console.log(v)

نوع عنصر المصفوفة باستخدام [number]

type Names = string[]
type Item = Names[number] // string
const x: Item = "Ada"
console.log(x)

نوع عنصر tuple

type Pair = [string, number]
type Element = Pair[number] // string | number
const e: Element = 42
console.log(e)

الدمج مع typeof

const colors = ["red", "green", "blue"] as const
type Color = typeof colors[number] // "red" | "green" | "blue"
const c: Color = "green"
console.log(c)

الوصول المفهرس المتداخل

interface Data { user: { profile: { age: number } } }
type Age = Data["user"]["profile"]["age"] // number
const a: Age = 36
console.log(a)

الوصول المفهرس في الأنواع العامة

function get<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key]
}
const port = get({ host: "x", port: 80 }, "port")
console.log(port) // 80, typed as number

اشتقاق عملي

interface Order { items: { sku: string; qty: number }[] }
type LineItem = Order["items"][number] // { sku: string; qty: number }
const li: LineItem = { sku: "A1", qty: 2 }
console.log(li)

تحقق سريع

مراجعة