Qu’est-ce que le type d’omission dans TypeScript ?

TypeScript propose une large gamme de types d'utilitaires pour rendre son système de types plus pratique et efficace. Ces types permettent aux utilisateurs de créer un nouveau type basé sur le type existant en supprimant ou en modifiant des propriétés, en rendant les propriétés en lecture seule ou facultatives, et bien plus encore. Chaque type d'utilitaire exécute des fonctionnalités spécifiques en fonction de son nom, par exemple le type « facultatif » rend les propriétés facultatives, « en lecture seule » déclare le champ en lecture seule, etc.

Ce guide explique le type d'utilitaire « Omettre » dans TypeScript.

Qu’est-ce que le type d’omission dans TypeScript ?

Le ' Omettre ' Le type d'utilitaire crée un nouveau type en excluant les propriétés inutiles du type de base. Le type de base représente le type existant dont dérive le nouveau type.

Syntaxe

tapez NouveauType = Omettre < Type existant, 'Nom de la propriété1' | 'Nom de la propriété2' | ... >

La syntaxe ci-dessus peut « Omettre « plusieurs propriétés de » Type existant ' en les séparant à l'aide du ' OU (|)” opérateur.

Utilisons pratiquement le type d'utilitaire « Omettre » défini ci-dessus.

Exemple 1 : application de « Omit » avec l'alias de type

Cet exemple utilise le type d'utilitaire « Omit » pour créer un nouveau type à partir du type existant.

Code

Copiez la ligne de code donnée dans le fichier « .ts » du projet TypeScript :

tapez Utilisateur = {
nom : chaîne,
âge : nombre,
emplacement : chaîne
} ;

tapez UtilisateurSansAge = Omettre < Utilisateur, 'âge' > ;

const utilisateur sans âge : UtilisateurSansÂge = {

nom : 'Ou' ,

emplacement : 'Islamabad'

} ;

console. enregistrer ( utilisateur sans âge ) ;

Dans ce code :

Le ' Utilisateur ' Le type est défini avec le nom, l'âge et l'emplacement des propriétés spécifiées.
Ensuite, le « UtilisateurSansÂge ' Un nouveau type est créé à partir du type ' Utilisateur ' existant en excluant sa propriété ' âge ' à l'aide du ' Omettre 'Type d'utilitaire.
Après cela, un objet ' utilisateur sans âge ' de type ' UserWithoutAge ' est créé qui spécifie tous les champs du type existant ' User ' à l'exception de ' l'âge '.
Enfin, le « console.log() ' La méthode est appliquée pour afficher l'objet ' userwithoutage '.

Sortir

Compilez le fichier « .ts » et exécutez le fichier « .js » généré automatiquement :

tsc principal. js //Compiler le fichier.ts

nœud principal. js //Exécuter le fichier .js

On peut voir que le terminal affiche la sortie du nouvel objet de type « UserWithoutAge ».

Exemple 2 : Application du type « Omit » avec l'interface

Cet exemple applique le type d'utilitaire « Omit » avec des interfaces pour créer un nouveau type.

Code

interface Utilisateur {

nom : chaîne ;

âge : nombre ;

emplacement : chaîne ;

}

tapez NouvellePersonne = Omettre < Utilisateur, 'âge' | 'emplacement' > ;

const personne : Nouvelle personne = {

nom : 'Ou'

} ;

console. enregistrer ( personne ) ;

Maintenant, les lignes de code indiquées :

Définir une interface » Utilisateur ' ayant les propriétés suivantes : nom, chaîne et emplacement.
Ensuite, créez un nouveau type ' Nouvelle personne ' de l'interface existante ' Utilisateur ', à l'exclusion de l'âge et de l'emplacement de ses propriétés spécifiées.
Après cela, créez le nouvel objet de type « NewPerson » nommé « personne ' spécifiant une seule propriété, c'est-à-dire le ' nom ' de l'interface existante ' Utilisateur '.
Enfin, affichez les champs de l'objet « personne » à l'aide du bouton « console.log() ' méthode.

Sortir

Compilez et exécutez le code :

tsc principal. js //Compiler le fichier.ts

nœud principal. js //Exécuter le fichier .js

Le terminal affiche une seule valeur de propriété du nouveau type « NewPerson » spécifié dans son objet.

Exemple 3 : Application du type « Omit » avec Function()

Cet exemple utilise le type « Omit » avec une fonction pour renvoyer l'objet d'une interface passée en argument en omettant quelques propriétés de l'interface existante.

Code

interface Utilisateur {

nom : chaîne ;

âge : nombre ;

emplacement : chaîne ;

}

fonction getUserDetails ( nouvel utilisateur : Omettre < Utilisateur, 'nom' | 'emplacement' > ) : nombre {

retour ( nouvel utilisateur. âge )

}

const nouvel utilisateur : Utilisateur = {

âge : 40 ,

nom : 'Ou' ,

emplacement : 'Islamabad'

} ;

const Détails de l'utilisateur = getUserDetails ( nouvel utilisateur ) ;

console. enregistrer ( Détails de l'utilisateur ) ;

L'extrait de code ci-dessus :

Créez d’abord une interface » Utilisateur ' ayant des propriétés de nom, d'âge et d'emplacement.
Ensuite, définissez un nom de fonction ' getUserDetails() » qui omet les propriétés « nom » et « emplacement » de type « newuser » de l'interface existante, c'est-à-dire « Utilisateur ».
Cette fonction renvoie une valeur numérique, c'est-à-dire « l'âge » de l'utilisateur.
Maintenant, créez un objet du ' nouvel utilisateur » de l'interface « Utilisateur » pour préciser ses valeurs de propriétés.
Après cela, appelez la fonction « getUserDetails() » définie en passant l’objet « newuser » comme paramètre à l’aide du « Détails de l'utilisateur ' constante.
Enfin, affichez la sortie « userDeatils » via le « console.log() ' méthode.

Sortir

tsc principal. js //Compiler le fichier.ts

nœud principal. js //Exécuter le fichier .js

Le terminal affiche uniquement le « âge ', car 'nom' et 'emplacement' sont exclus via le type d'utilitaire 'Omettre'.

Conclusion

Dans TypeScript, l'utilitaire tape ' Omettre ” prend le type existant comme premier paramètre et crée un nouveau type en excluant quelques propriétés du type existant. Ce type d'utilitaire permet de dupliquer un type existant pour créer un nouveau type possédant certaines de ses propriétés au lieu de créer le nouveau type à partir de zéro. Il peut être appliqué avec des alias « type », des interfaces et des fonctions. Ce guide a expliqué en profondeur le type d'utilitaire « Omettre » dans TypeScript.

Qu’est-ce que le type d’omission dans TypeScript ?