Ano ang Uri ng Omit sa TypeScript?

Nag-aalok ang TypeScript ng malawak na hanay ng mga uri ng utility upang gawing mas maginhawa at mahusay ang uri ng system nito. Ang mga uri na ito ay nagbibigay-daan sa mga user na bumuo ng bagong uri batay sa kasalukuyang uri sa pamamagitan ng pag-alis o pagbabago ng mga property, paggawa ng mga property na read-only o opsyonal, at marami pang iba. Ang bawat uri ng utility ay gumaganap ng partikular na pagpapagana batay sa pangalan nito gaya ng uri ng 'opsyonal' na ginagawang opsyonal ang mga katangian, idinedeklara ng 'readonly' ang field bilang read-only, at iba pa.

Ipinapaliwanag ng gabay na ito ang uri ng utility na 'Omit' sa TypeScript.

Ano ang Uri ng Omit sa TypeScript?

Ang ' Alisin ” Ang uri ng utility ay lumilikha ng bagong uri sa pamamagitan ng pagbubukod ng mga hindi kinakailangang katangian ng uri ng base. Kinakatawan ng batayang uri ang kasalukuyang uri kung saan nagmula ang bagong uri.

Syntax

i-type ang NewType = Alisin < Umiiral na Uri, 'PropertyName1' | 'PropertyName2' | ... >

Ang syntax sa itaas ay maaaring ' Alisin ” maramihang katangian ng “ Umiiral na Uri 'sa pamamagitan ng paghihiwalay sa kanila sa tulong ng ' O (|)” operator.

Gamitin natin ang natukoy sa itaas na uri ng utility na 'Omit'.

Halimbawa 1: Paglalapat ng “Omit” Gamit ang Type Alias

Ginagamit ng halimbawang ito ang uri ng utility na “Omit” para gumawa ng bagong uri mula sa kasalukuyang uri.

Code

Kopyahin ang ibinigay na linya ng code sa '.ts' na file ng TypeScript project:

i-type ang User = {
pangalan : string,
edad : numero,
lokasyon : string
} ;

i-type ang UserWithoutAge = Alisin < gumagamit, 'edad' >;

const userwithoutage : User without Age = {

pangalan : 'O' ,

lokasyon : 'Islamabad'

} ;

console. log ( userwithoutage ) ;

Sa code na ito:

Ang ' Gumagamit Tinutukoy ang uri ng ” gamit ang pangalan, edad, at lokasyon ng mga tinukoy na property.
Susunod, ang ' User without Age ' ang isang bagong uri ay nilikha mula sa umiiral na uri ng 'User' sa pamamagitan ng pagbubukod ng 'edad' na katangian nito gamit ang ' Alisin ” uri ng utility.
Pagkatapos nito, isang bagay ' userwithoutage ' ng uri na 'UserWithoutAge' ay nilikha na tumutukoy sa lahat ng mga field ng umiiral na uri na 'User' maliban sa 'edad'.
Panghuli, ang ' console.log() Ang paraan ng ” ay inilapat upang ipakita ang object na “userwithoutage”.

Output

I-compile ang '.ts' na file at patakbuhin ang awtomatikong nabuong '.js' na file:

tsc pangunahing. js //Compile.ts File

pangunahing node. js //Run .js File

Makikita na ang terminal ay nagpapakita ng output ng bagong uri na 'UserWithoutAge' object.

Halimbawa 2: Paglalapat ng “Omit” Type With Interface

Inilalapat ng halimbawang ito ang uri ng utility na 'Omit' na may mga interface upang lumikha ng bagong uri.

Code

interface Gumagamit {

pangalan : string ;

edad : numero ;

lokasyon : string ;

}

i-type ang NewPerson = Alisin < gumagamit, 'edad' | 'lokasyon' >;

const tao : BagongTao = {

pangalan : 'O'

} ;

console. log ( tao ) ;

Ngayon, ang nakasaad na mga linya ng code:

Tukuyin ang isang interface ' Gumagamit ” pagkakaroon ng mga sumusunod na katangian ng pangalan, string, at lokasyon.
Susunod, lumikha ng bagong uri ' BagongTao ” mula sa umiiral nang interface na “User” hindi kasama ang mga tinukoy na edad ng property, at lokasyon nito.
Pagkatapos nito, lumikha ng bagong uri ng bagay na 'NewPerson' na pinangalanang ' tao ” na tumutukoy lamang sa isang property i.e. “pangalan” ng umiiral na interface na “User”.
Panghuli, ipakita ang mga field ng object na 'tao' gamit ang ' console.log() ” paraan.

Output

I-compile at isagawa ang code:

tsc pangunahing. js //Compile.ts File

pangunahing node. js //Run .js File

Ang terminal ay nagpapakita lamang ng isang property value ng bagong uri na 'NewPerson' na tinukoy sa object nito.

Halimbawa 3: Paglalapat ng “Omit” Type With Function()

Ginagamit ng halimbawang ito ang uri na 'Omit' na may function upang ibalik ang object ng isang interface na ipinasa bilang argumento nito sa pamamagitan ng pag-alis ng ilang property ng umiiral na interface.

Code

interface Gumagamit {

pangalan : string ;

edad : numero ;

lokasyon : string ;

}

function na getUserDetails ( bagong user : Alisin < gumagamit, 'pangalan' | 'lokasyon' > ) : numero {

bumalik ( bagong user. edad )

}

const bagong user : Gumagamit = {

edad : 40 ,

pangalan : 'O' ,

lokasyon : 'Islamabad'

} ;

const userDetails = getUserDetails ( bagong user ) ;

console. log ( userDetails ) ;

Ang snippet ng code sa itaas:

Gumawa muna ng interface ' Gumagamit ” pagkakaroon ng pangalan, edad, at mga katangian ng lokasyon.
Susunod, tukuyin ang pangalan ng function na ' getUserDetails() ” na nag-aalis ng “pangalan”, at “lokasyon” na mga katangian ng uri ng “newuser” ng kasalukuyang interface, ibig sabihin, “User”.
Ang function na ito ay nagbabalik ng numeric na halaga i.e. 'edad' ng user.
Ngayon, lumikha ng isang bagay ng ' bagong user ” ng interface na “User” para tukuyin ang mga value ng property nito.
Pagkatapos nito, tawagan ang tinukoy na function na 'getUserDetails()' na nagpapasa sa object na 'newuser' bilang parameter nito sa tulong ng ' userDetails ” pare-pareho.
Panghuli, ipakita ang 'userDeatils' na output sa pamamagitan ng ' console.log() ” paraan.

Output

tsc pangunahing. js //Compile.ts File

pangunahing node. js //Run .js File

Ipinapakita lamang ng terminal ang ' edad ” halaga ng ari-arian dahil ang “pangalan” at “lokasyon” ay hindi kasama sa pamamagitan ng uri ng utility na “Omit”.

Konklusyon

Sa TypeScript, ang uri ng utility na ' Alisin Kinukuha ng ” ang kasalukuyang uri bilang unang parameter nito at lumilikha ng bagong uri sa pamamagitan ng pagbubukod ng ilang katangian ng kasalukuyang uri. Ang uri ng utility na ito ay tumutulong na i-duplicate ang isang umiiral na uri para sa paglikha ng isang bagong uri na may ilan sa mga katangian nito sa halip na lumikha ng bagong uri mula sa simula. Maaari itong ilapat gamit ang 'uri' na alias, mga interface, at mga function. Malalim na ipinaliwanag ng gabay na ito ang uri ng utility na 'Omit' sa TypeScript.

Ano ang Uri ng Omit sa TypeScript?