Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

L’OBJET NUMBER

Présentation et propriétés

L’objet Number sert à gérer les nombres en JavaScript.

Tout comme pour les chaînes de caractères, nous préférerons utiliser les valeurs primitives plutôt que de créer un nouvel objet de type Number à partir de sa fonction constructeur dans la mesure du possible.

L’objet Number possède cinq propriétés qui lui appartiennent exclusivement. Cela signifie qu’on ne peut les utiliser que sur l’objet Number en soi, et pas sur d’autres objets ou valeurs primitives de type Number :

  • Les propriétés MIN_VALUE et MAX_VALUE vont respectivement retourner le plus petit et le plus grand nombre possible en JavaScript ;
  • Les propriétés NEGATIVE_INFINITY et POSITIVE_INFINITY représentent l’infini côté négatif et positif ;
  • La propriété NaN représentant une valeur qui n’est pas un nombre.

Les propriétés de l’objet JavaScript Number

Utilisation et affichage des propriétés de Number

Essayer ce code !

L’objet Number possède également deux propriétés constructor et prototype ainsi qu'une petite dizaine de méthodes.

Nous allons étudier certaines de ces méthodes dès maintenant.

La méthode toString()

La méthode toString() va transformer un nombre en chaîne de caractères. Cette méthode n’a pas besoin d'argument pour fonctionner.

La méthode toString() de l’objet Number

Utilisation de la méthode toString() de l’objet Number

Essayer ce code !

La méthode toFixed()

La méthode toFixed() va changer le nombre de décimales d’un nombre et va le transformer en chaîne de caractères.

Cette méthode va prendre le nombre de décimales voulues en argument.

La méthode toFixed de l’objet Number

Utilisation de la méthode toFixed de l’objet Number

Essayer ce code !

La méthode toPrecision()

La méthode toPrecision() va nous permettre de choisir la « longueur » du nombre (c'est à dire le nombre de chiffres) qui doit être retourné et va le retourner sous forme de chaîne de caractères.

Cette méthode va prendre en argument la taille voulue comme ceci :

La méthode toPrecision() de l’objet Number

Exemple d’utilisation de la méthode toPrecision() de l’objet Number en JavaScript

Essayer ce code !

La méthode toExponential()

La méthode toExponential() va nous permettre de choisir le nombre de décimales d’un nombre et va le retourner sous forme de chaîne de caractères, en utilisant une notation sous forme de nombre exponentiel.

Cette méthode va prendre en argument le nombre de décimales souhaitées.

La méthode toExponential() de l’objet Number

Exemple d’utilisation de la méthode toExponential() de l’objet Number en JavaScript

Essayer ce code !

Quelques méthodes globales intéressantes

Le JavaScript possède des fonctions globales qui peuvent être utilisées avec tous les types de données.

Certaines de ces fonctions peuvent s’avérer intéressantes à utiliser en tant que méthodes avec des données de type number, notamment les fonctions :

  • Number() ;
  • parseFloat() ;
  • parseInt() ;

Nous aurons l’occasion de revoir ces trois méthodes plus tard dans le cours, donc nous allons pour le moment nous contenter d’illustrer rapidement leur fonctionnement avec des exemples simples.

La méthode Number() va être utilisée pour convertir certaines valeurs JavaScript en nombres, comme des booléens ou des valeurs de type date par exemple.

La méthode Number()

Utilisation de la méthode Number()

Essayer ce code !

Les méthodes parseInt() et parseFloat() vont retourner respectivement un nombre entier et un nombre entier ou décimal à partir d’une chaîne de caractères.

parseInt() et parseFloat() en JavaScript

Exemples d’utilisation de parseInt() et parseFloat() en JavaScript

Essayer ce code !

Chapitre précédent

Chapitre suivant