L’objet global JavaScript Math, propriétés et méthodes

A la différence des autres objets globaux, l’objet natif Math n’est pas un constructeur. En conséquence, toutes les propriétés et méthodes de cet objet sont statiques et vont donc devoir être utilisées directement avec cet objet.

Comme vous pouvez vous en douter, l’objet Math va être utilisé lorsqu’on aura besoin d’effectuer des opérations mathématiques et notamment de trigonométrie (calculs de cosinus, sinus, tangentes, etc.).

Je vous conseille ici de ne pas vous braquer à la vue de ces termes : la programmation informatique est basée sur des concepts mathématiques et, pour devenir un développeur accompli, il faut donc selon moi à minima ne pas être allergique aux mathématiques de base.

L’objet Math possède une petite dizaine de propriétés et une grosse trentaine de méthodes dont certaines vont être très utiles dans de nombreuses situations.

 

Les propriétés de l’objet Math

Les propriétés de l’objet Math stockent des constantes mathématiques utiles.

  • Math.E a pour valeur le nombre d’Euler (base des logarithmes naturels ou encore exponentiel de 1), soit environ 2,718 ;
  • Math.LN2 a pour valeur le logarithme naturel de 2, soit environ 0,693 ;
  • Math.LN10 a pour valeur le logarithme naturel de 10, soit environ 2,302 ;
  • Math.LOG2E a pour valeur le logarithme naturel de 2, soit environ 0,693;
  • Math.LOG10E a pour valeur le logarithme naturel de 10, soit environ 2,302 ;
  • Math.pi a pour valeur pi, soit environ 3,14159 ;
  • Math.SQRT1_2 a pour valeur la racine carrée de ½, soit environ 0,707 ;
  • Math.SQRT2 a pour valeur la racine carrée de 2, soit environ 1,414.

Code HTML support pour présentation des propriétés de l'objet global Math

Présentation des propriétés de l'objet JavaScript Math

Exemple d'utilisation des propriétés de l'objet JavaScript Math

See the Pen
Cours JavaScript 6.4.1
by Pierre (@pierregiraud)
on CodePen.

 

Les méthodes de l’objet Math

L’objet Math possède des méthodes qui permettent d’arrondir des nombres, de générer des nombres aléatoires ou encore de calculer le cosinus, sinus, tangente, logarithme ou l’exponentielle d’un nombre.

Les méthodes floor(), ceil(), round() et trunc()

Les méthodes floor(), ceil(), round() et trunc() permettent toutes les quatre d’arrondir ou de tronquer un nombre décimal afin de le transformer en entier.

La méthode floor() va arrondir la valeur passée en argument à l’entier immédiatement inférieur (ou égal) à cette valeur.

La méthode ceil(), au contraire, va arrondir la valeur passée en argument à l’entier immédiatement supérieur (ou égal) à cette valeur.

La méthode round() va elle arrondi la valeur passée en argument à l’entier le plus proche. Ainsi, si la partie décimale de la valeur passée est supérieure à 0,5, la valeur sera arrondie à l’entier supérieur. Dans le cas contraire, la valeur sera arrondie à l’entier inférieur. Dans le cas où la partie décimale vaut exactement 0,5, la valeur sera arrondie à l’entier supérieur (dans la direction de l’infini positif).

Finalement, la méthode trunc() va tout simplement ignorer la partie décimale d’un nombre et ne retourner que sa partie entière.

Présentation des méthodes floor ceil round et trunc de l'objet JavaScript Math

Exemple d'utilisation des méthodes floor ceil round et trunc de l'objet JavaScript Math

See the Pen
Cours JavaScript 6.4.2
by Pierre (@pierregiraud)
on CodePen.

La méthode random()

La méthode random() permet de générer un nombre décimal compris entre 0 (inclus) et 1 (exclu) de manière pseudo-aléatoire.

On va ensuite pouvoir multiplier son résultat par un autre nombre afin d’obtenir un nombre pseudo-aléatoire compris dans l’intervalle de notre choix.

Présentation de la méthode random de l'objet JavaScript Math

Exemple d'utilisation de la méthode random de l'objet JavaScript Math

See the Pen
Cours JavaScript 6.4.3
by Pierre (@pierregiraud)
on CodePen.

Les méthodes min() et max()

La méthode min() renvoie le plus petit nombre d’une série de nombres passés en arguments. La méthode max(), au contraire, va renvoyer le plus grand nombre d’une série de nombres passés en arguments.

Dans les deux cas, si l’une des valeurs fournies en argument n’est pas un nombre et ne peut pas être convertie en nombre, alors ces méthodes renverront la valeur NaN.

Présentation des méthodes min et max de l'objet JavaScript Math

Exemple d'utilisation des méthodes min et max de l'objet JavaScript Math

See the Pen
Cours JavaScript 6.4.4
by Pierre (@pierregiraud)
on CodePen.

La méthode abs()

La méthode abs() renvoie la valeur absolue d’un nombre, c’est-à-dire le nombre en question sans signe.

Si la valeur fournie en argument n’est pas un nombre et ne peut pas être convertie en nombre, alors elle renverra NaN.

Présentation de la méthode abs de l'objet JavaScript Math

Exemple d'utilisation de la méthode abs de l'objet JavaScript Math

See the Pen
Cours JavaScript 6.4.5
by Pierre (@pierregiraud)
on CodePen.

Les méthodes cos(), sin(), tan(), acos(), asin() et atan()

Les méthodes cos(), sin(), tan(), acos(), asin() et atan() retournent respectivement le cosinus, le sinus, la tangente, l’arc cosinus, l’arc sinus et l’arc tangente d’une valeur passée en argument.

Les valeurs passées et retournées sont exprimées en radians. Pour convertir une valeur en radians en une valeur en degrés, il suffit de multiplier la valeur en radians par 180 et de diviser par pi (180° = pi radian, 360° = 2pi radian).

Présentation des méthodes cos sin et tan de l'objet JavaScript Math

Exemple d'utilisation des méthodes cos sin et tan de l'objet JavaScript Math

See the Pen
Cours JavaScript 6.4.6
by Pierre (@pierregiraud)
on CodePen.

Notez qu’ici, d’un point de vue mathématiques pur, le cosinus de pi radians / 2 est égal à 0. Le résultat renvoyé dans le navigateur est légèrement différent (6e-17 = 0.0000….0006) car une approximation de pi est utilisée.

Les méthodes exp() et log()

Les méthodes exp() et log() renvoient respectivement l’exponentielle et le logarithme népérien (ou logarithme naturel) d’une valeur passée en argument.

Présentation des méthodes exp et log de l'objet JavaScript Math

Exemple d'utilisation méthodes exp et log de l'objet JavaScript Math

See the Pen
Cours JavaScript 6.4.7
by Pierre (@pierregiraud)
on CodePen.

Laisser un commentaire