溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

TypeScript中的keyof與Pick結(jié)合如何使用

發(fā)布時間:2024-07-09 14:48:05 來源:億速云 閱讀:93 作者:小樊 欄目:編程語言

在TypeScript中,keyof是一個操作符,用來獲取一個類型的所有鍵的聯(lián)合類型。而Pick是一個泛型工具類型,用來從一個給定類型中選取部分屬性并創(chuàng)建一個新的類型。

結(jié)合使用keyofPick可以實現(xiàn)從一個接口中選取部分屬性的需求。下面是一個示例代碼:

interface Person {
  name: string;
  age: number;
  address: string;
}

// 使用keyof獲取Person接口的所有鍵的聯(lián)合類型
type PersonKeys = keyof Person;

// 使用Pick從Person接口中選取name和age屬性,并創(chuàng)建一個新的類型
type PersonInfo = Pick<Person, 'name' | 'age'>;

// 創(chuàng)建一個Person對象
const person: Person = {
  name: 'Alice',
  age: 30,
  address: '123 Main Street'
};

// 使用PersonInfo類型來約束person對象
const personInfo: PersonInfo = {
  name: person.name,
  age: person.age
};

在上面的示例中,我們首先定義了一個Person接口,然后使用keyof獲取了這個接口的所有鍵的聯(lián)合類型。接著使用PickPerson接口中選取了nameage屬性,創(chuàng)建了一個新的類型PersonInfo。最后我們創(chuàng)建了一個person對象,并使用PersonInfo類型來約束personInfo對象,保證personInfo只包含nameage屬性。

這樣,我們就可以很方便地從一個接口中選取部分屬性,并創(chuàng)建一個新的類型。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI