TypeScript - Numbers: A Comprehensive Guide for Beginners

Bonjour là, future superstar du codage ! Bienvenue dans notre voyage à travers le monde des nombres en TypeScript. En tant qu'enseignant informatique de votre quartier, je suis là pour vous guider à travers ce sujet passionnant. Ne vous inquiétez pas si vous n'avez jamais écrit une ligne de code auparavant - nous allons commencer du tout début et progresser pas à pas. Alors, prenez une tasse de café (ou votre boisson favorite), et plongons dedans !

Qu'est-ce que les nombres en TypeScript ?

Avant de rentrer dans les détails, parlons de ce qu'est un nombre en TypeScript. Dans le monde de la programmation, les nombres sont l'un des types de données les plus fondamentaux. Ils sont comme les briques de la mathématique dans notre code. TypeScript, en tant que superset de JavaScript, gère les nombres de manière similaire mais avec quelques avantages supplémentaires.

Syntaxe : Comment écrire des nombres en TypeScript

En TypeScript, vous pouvez écrire des nombres de plusieurs manières. Jetons un œil à quelques exemples :

let age: number = 30;
let price: number = 19.99;
let billion: number = 1e9;
let hexColor: number = 0xffffff;
let binaryValue: number = 0b1010;
let octalValue: number = 0o744;

Décomposons-les :

• age : Un entier simple.
• price : Un nombre décimal (également appelé un nombre à virgule flottante).
• billion : Notation scientifique (1 milliard).
• hexColor : Notation hexadécimale (couleur blanche en RGB).
• binaryValue : Notation binaire (égale à 10 en décimal).
• octalValue : Notation octale (égale à 484 en décimal).

Souvenez-vous, en TypeScript, tous les nombres sont des valeurs à virgule flottante. Cela signifie que même si vous écrivez un entier comme 30, il est stocké comme 30.0 derrière les scènes.

Création de types de nombres

En TypeScript, vous pouvez déclarer explicitement une variable comme type number. C'est l'une des fonctionnalités clés qui distingue TypeScript de JavaScript - il nous permet d'ajouter des annotations de type à nos variables.

let score: number;
score = 95;

let temperature: number = -5;

function calculateArea(width: number, height: number): number {
return width * height;
}

let area = calculateArea(10, 20);
console.log(area); // Output: 200

Dans cet exemple, nous avons déclaré score et temperature comme types number. Nous avons également créé une fonction calculateArea qui prend deux paramètres number et retourne un number. Cela aide à attraper les erreurs tôt si nous essayons accidentellement de passer une chaîne de caractères ou tout autre type.

Création d'objets Number

Bien que ce ne soit pas courant (ou recommandé) dans le codage quotidien, vous pouvez également créer des objets number en utilisant le constructeur Number :

let numObject: Number = new Number(42);
console.log(typeof numObject); // Output: object

let primitiveNum: number = 42;
console.log(typeof primitiveNum); // Output: number

Notez la majuscule 'N' dans Number lorsque nous utilisons le constructeur. Cela crée un enveloppe d'objet autour du nombre, ce qui est différent du type de nombre primitif (minuscule 'n'). Dans la plupart des cas, vous voudrez utiliser le type primitif pour de meilleures performances et un code plus simple.

Propriétés Number

TypeScript hérite de plusieurs propriétés utiles de l'objet Number de JavaScript. Ce sont des propriétés statiques, ce qui signifie que vous n'avez pas besoin de créer une instance de Number pour les utiliser.

Voici un tableau des propriétés Number les plus courantes :

Propriété	Description	Exemple
Number.MAX_VALUE	Le plus grand nombre représentable	console.log(Number.MAX_VALUE);
Number.MIN_VALUE	Le plus petit nombre positif représentable	console.log(Number.MIN_VALUE);
Number.NaN	Valeur Not-A-Number	console.log(Number.NaN);
Number.NEGATIVE_INFINITY	Infinit négatif	console.log(Number.NEGATIVE_INFINITY);
Number.POSITIVE_INFINITY	Infinit positif	console.log(Number.POSITIVE_INFINITY);

Voyons-les en action :

console.log(Number.MAX_VALUE); // Output: 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // Output: 5e-324
console.log(Number.NaN); // Output: NaN
console.log(Number.NEGATIVE_INFINITY); // Output: -Infinity
console.log(Number.POSITIVE_INFINITY); // Output: Infinity

Ces propriétés peuvent être extrêmement utiles lorsque vous avez besoin de vérifier des valeurs extrêmes ou des cas spéciaux dans vos calculs.

Méthodes Number

Les nombres TypeScript sont également livrés avec un ensemble de méthodes intégrées qui peuvent vous aider à effectuer diverses opérations. Voici un tableau de quelques méthodes couramment utilisées :

Méthode	Description	Exemple
toFixed()	Formate un nombre avec un nombre spécifique de décimales	let pi = 3.14159; console.log(pi.toFixed(2));
toPrecision()	Formate un nombre à une longueur spécifiée	let bigNumber = 1234.5678; console.log(bigNumber.toPrecision(5));
toString()	Convertit un nombre en chaîne	let num = 42; console.log(num.toString());
valueOf()	Retourne la valeur primitive d'un objet Number	let numObj = new Number(42); console.log(numObj.valueOf());

Voyons ces méthodes en action :

let pi = 3.14159;
console.log(pi.toFixed(2)); // Output: "3.14"

let bigNumber = 1234.5678;
console.log(bigNumber.toPrecision(5)); // Output: "1234.6"

let num = 42;
console.log(num.toString()); // Output: "42"

let numObj = new Number(42);
console.log(numObj.valueOf()); // Output: 42

Ces méthodes peuvent être extrêmement utiles lorsque vous avez besoin de formater les nombres pour l'affichage ou de les convertir pour différentes opérations.

Conclusion

Whaou ! Nous avons couvert beaucoup de terrain aujourd'hui, de la syntaxe de base des nombres en TypeScript aux concepts plus avancés comme les propriétés et méthodes Number. Souvenez-vous, travailler avec des nombres est une compétence fondamentale en programmation, et maîtriser ces concepts vous servira bien dans votre parcours de codage.

Pour conclure, voici un peu d'humour de codage pour vous : Pourquoi les programmeurs préfèrent-ils le mode sombre ? Parce que la lumière attire les bugs ! ?

Continuez à pratiquer, restez curieux, et n'ayez pas peur d'expérimenter avec ces concepts de nombres dans votre propre code. Avant de savoir, vous serez capable de calculer et de manipuler des nombres comme un pro ! Jusqu'à la prochaine fois, bon codage !

Credits: Image by storyset