L'objet JavaScript Number : Méthodes de nombre JavaScript

Bienvenu dans notre site web www.exam-lib.com, c'est un site éducatif qui contient une panoplie des exercices avec solutions pour tous les niveaux (primaire,secondaire, collège, lycée et même pour les étudiants de l'OFPPT au Maroc). vous pouvez naviguer sur notre site et choisir le niveau qui vous convient puis vous pouvez suivez l'exercices ou aussi le cours souhaité. si vous avez des questions vous pouvez toujours laisser un commentaire sur notre site et un de nos professeurs va se charger de répondre à toutes vos questions.
SUIVEZ NOTRE CHAINE YOUTUBE: قم بالتسجيل في قناتنا عبر هذا الرابط

https://www.youtube.com/channel/UCCITRMWPcElh-96wCS3EyUg

abdelouafi

Administrator
Les méthodes numériques vous aident à travailler avec des nombres.

Méthodes numériques et propriétés
Les valeurs primitives (comme 3.14 ou 2014) ne peuvent pas avoir de propriétés et de méthodes (car ce ne sont pas des objets).

Mais avec JavaScript, les méthodes et les propriétés sont également disponibles pour les valeurs primitives, car JavaScript traite les valeurs primitives en tant qu'objets lors de l'exécution de méthodes et de propriétés.
La méthode toString ()
toString () renvoie un nombre sous forme de chaîne.

Toutes les méthodes numériques peuvent être utilisées avec tout type de nombres (littéraux, variables ou expressions):
Exemple:
Code:
var x = 123;
x.toString (); // retourne 123 de la variable x
(123) .toChaîne (); // retourne 123 du littéral 123
(100 + 23) .toChaîne (); // retourne 123 de l'expression 100 + 23

Code:
<! DOCTYPE html>
<html>
<body>

<h2> Méthodes de nombre JavaScript </ h2>

<p> La méthode toString () convertit un nombre en chaîne. </ p>

<p id = "demo"> </ p>

<script>
var x = 123;
document.getElementById ("demo"). innerHTML =
     x.toString () + "<br>" +
    (123) .toString () + "<br>" +
    (100 + 23) .toChaîne ();
</ script>

</ body>
</ html>

La méthode toExponential ()
toExponential () renvoie une chaîne, avec un nombre arrondi et écrit en utilisant une notation exponentielle.

Un paramètre définit le nombre de caractères derrière le point décimal:

Exemple
Code:
var x = 9.656;
x.toExponential(2);     // returns 9.66e+0
x.toExponential(4);     // returns 9.6560e+0
x.toExponential(6);     // returns 9.656000e+0

Code:
<! DOCTYPE html>
<html>
<body>

<h2> Méthodes de nombre JavaScript </ h2>

<p> La méthode toExponential () renvoie une chaîne dont le nombre est arrondi et écrit en utilisant la notation exponentielle. </ p>

<p> Un paramètre facultatif définit le nombre de chiffres derrière le point décimal. </ p>

<p id = "demo"> </ p>

<script>
var x = 9,656;
document.getElementById ("demo"). innerHTML =
     x.toExponential () + "<br>" +
     x.toExponential (2) + "<br>" +
     x.toExponential (4) + "<br>" +
     x.toExponential (6);
</ script>

</ body>
</ html>


Le paramètre est facultatif. Si vous ne le spécifiez pas, JavaScript ne va pas arrondir le nombre.

La méthode toFixed ()
toFixed () renvoie une chaîne, avec le nombre écrit avec un nombre spécifié de décimales:

Exemple
Code:
var x = 9.656;
x.toFixed(0);           // returns 10
x.toFixed(2);           // returns 9.66
x.toFixed(4);           // returns 9.6560
x.toFixed(6);           // returns 9.656000

Code:
<! DOCTYPE html>
<html>
<body>

<h2> Méthodes de nombre JavaScript </ h2>

<p> La méthode toFixed () arrondit un nombre à un nombre donné de chiffres. </ p>
<p> Pour travailler avec de l'argent, toFixed (2) est parfait. </ p>

<p id = "demo"> </ p>

<script>
var x = 9,656;
document.getElementById ("demo"). innerHTML =
     x.toFixed (0) + "<br>" +
     x.toFixed (2) + "<br>" +
     x.toFixed (4) + "<br>" +
     x.toFixed (6);
</ script>

</ body>
</ html>

Remarque:
toFixed (2) est parfait pour travailler avec de l'argent.


La méthode toPrecision ()
toPrecision () retourne une chaîne, avec un nombre écrit avec une longueur spécifiée:

Exemple
Code:
var x = 9.656;
x.toPrecision();        // returns 9.656
x.toPrecision(2);       // returns 9.7
x.toPrecision(4);       // returns 9.656
x.toPrecision(6);       // returns 9.65600

Code:
<! DOCTYPE html>
<html>
<body>

<h2> Méthodes de nombre JavaScript </ h2>

<p> La méthode toPrecision () renvoie une chaîne, avec un nombre écrit avec une longueur spécifiée: </ p>

<p id = "demo"> </ p>

<script>
var x = 9,656;
document.getElementById ("demo"). innerHTML =
     x.toPrecision () + "<br>" +
     x.toPrecision (2) + "<br>" +
     x.toPrecision (4) + "<br>" +
     x.to Precision (6);
</ script>

</ body>
</ html>


La méthode valueOf ()
valueOf () renvoie un nombre sous forme de nombre.

Exemple
Code:
var x = 123;
x.valueOf (); // retourne 123 de la variable x
(123) .valueOf (); // retourne 123 du littéral 123
(100 + 23) .valueOf (); // retourne 123 de l'expression 100 + 23

Code:
<! DOCTYPE html>
<html>
<body>

<h2> Méthodes de nombre JavaScript </ h2>

<p> La méthode valueOf () renvoie un nombre sous forme de nombre: </ p>

<p id = "demo"> </ p>

<script>
var x = 123;

document.getElementById ("demo"). innerHTML =
     x.valueOf () + "<br>" +
     (123) .valueOf () + "<br>" +
     (100 + 23) .valueOf ();
</ script>

</ body>
</ html>

En JavaScript, un nombre peut être une valeur primitive (typeof = nombre) ou un objet (typeof = objet).

La méthode valueOf () est utilisée en interne dans JavaScript pour convertir les objets Number en valeurs primitives.

Il n'y a aucune raison de l'utiliser dans votre code.


Remarque: Tous les types de données JavaScript ont une méthode valueOf () et une méthode toString ().

Conversion de variables en nombres
Il existe 3 méthodes JavaScript qui peuvent être utilisées pour convertir des variables en nombres:

  • La méthode Number ()
  • La méthode parseInt ()
  • La méthode parseFloat ()
Ces méthodes ne sont pas des méthodes numériques, mais des méthodes JavaScript globales.



Méthodes JavaScript globales
Les méthodes globales JavaScript peuvent être utilisées sur tous les types de données JavaScript.

Voici les méthodes les plus pertinentes lorsque vous travaillez avec des nombres:
  • Number () Retourne un nombre, converti à partir de son argument.
  • parseFloat () Analyse son argument et retourne un nombre à virgule flottante
  • parseInt () Analyse son argument et retourne un entier

La méthode Nombre ()
Number () peut être utilisé pour convertir des variables JavaScript en nombres:

Exemple
Code:
Number(true);          // returns 1
Number(false);         // returns 0
Number("10");          // returns 10
Number("  10");        // returns 10
Number("10  ");        // returns 10
Number(" 10  ");       // returns 10
Number("10.33");       // returns 10.33
Number("10,33");       // returns NaN
Number("10 33");       // returns NaN
Number("John");        // returns NaN

Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method converts variables to numbers:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
    Number(true) + "<br>" +
    Number(false) + "<br>" +
    Number("10") + "<br>" +
    Number("  10") + "<br>" +
    Number("10  ") + "<br>" +
    Number(" 10  ") + "<br>" +
    Number("10.33") + "<br>" +
    Number("10,33") + "<br>" +
    Number("10 33") + "<br>" +
    Number("John");
</script>

</body>
</html>

Remarque: Si le nombre ne peut pas être converti, NaN (pas un nombre) est renvoyé.


La méthode Number () utilisée aux dates
Number () peut également convertir une date en nombre:

Exemple
Code:
Number(new Date("2017-09-30"));    // returns 1506729600000

Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Global Methods</h2>

<p>The Number() method can convert a date to a number:</p>

<p id="demo"></p>

<script>
var x = new Date("2017-09-30");
document.getElementById("demo").innerHTML = Number(x);
</script>

</body>
</html>


Remarque: La méthode Number () ci-dessus renvoie le nombre de millisecondes depuis le 1.1.1970.

La méthode parseInt ()
parseInt () analyse une chaîne et renvoie un nombre entier. Les espaces sont autorisés. Seul le premier numéro est renvoyé:

Exemple
Code:
parseInt("10");         // returns 10
parseInt("10.33");      // returns 10
parseInt("10 20 30");   // returns 10
parseInt("10 years");   // returns 10
parseInt("years 10");   // returns NaN


Code:
<! DOCTYPE html>
<html>
<body>

<h2> Fonctions globales JavaScript </ h2>

<p> La fonction JavaScript globale parseInt () convertit les chaînes en nombres: </ p>

<p id = "demo"> </ p>

<script>
document.getElementById ("demo"). innerHTML =
     parseInt ("10") + "<br>" +
     parseInt ("10.33") + "<br>" +
     parseInt ("10 6") + "<br>" +
     parseInt ("10 ans") + "<br>" +
     parseInt ("années 10");
</ script>

</ body>
</ html>


Si le nombre ne peut pas être converti, NaN (pas un nombre) est renvoyé.

La méthode parseFloat ()
parseFloat () analyse une chaîne et retourne un nombre. Les espaces sont autorisés. Seul le premier numéro est renvoyé:

Exemple
Code:
parseFloat("10");        // returns 10
parseFloat("10.33");     // returns 10.33
parseFloat("10 20 30");  // returns 10
parseFloat("10 years");  // returns 10
parseFloat("years 10");  // returns NaN

Code:
<! DOCTYPE html>
<html>
<body>

<h2> Méthodes globales JavaScript </ h2>

<p> La méthode parseFloat () convertit les chaînes en nombres: </ p>

<p id = "demo"> </ p>

<script>
document.getElementById ("demo"). innerHTML =
     parseFloat ("10") + "<br>" +
     parseFloat ("10.33") + "<br>" +
     parseFloat ("10 6") + "<br>" +
     parseFloat ("10 ans") + "<br>" +
     parseFloat ("années 10");
</ script>

</ body>
</ html>


Si le nombre ne peut pas être converti, NaN (pas un nombre) est renvoyé.

Propriétés du nombre
  • MAX_VALUE Renvoie le plus grand nombre possible en JavaScript
  • MIN_VALUE Retourne le plus petit nombre possible en JavaScript
  • POSITIVE_INFINITY Représente l'infini (renvoyé en cas de dépassement de capacité)
  • NEGATIVE_INFINITY Représente l'infini négatif (retourné au débordement)
  • NaN Représente une valeur "Not-a-Number"


JavaScript MIN_VALUE et MAX_VALUE
Exemple
Code:
<! DOCTYPE html>
<html>
<body>

<h2> Propriétés de l'objet de numéro JavaScript </ h2>

<p> MAX_VALUE renvoie le plus grand nombre possible en JavaScript. </ p>

<p id = "demo"> </ p>

<script>
var x = Number.MAX_VALUE;
document.getElementById ("demo"). innerHTML = x;
</ script>

</ body>
</ html>

Exemple

Code:
<! DOCTYPE html>
<html>
<body>

<h2> Propriétés de l'objet de numéro JavaScript </ h2>

<p> MIN_VALUE renvoie le plus petit nombre possible en JavaScript. </ p>

<p id = "demo"> </ p>

<script>
var x = Number.MIN_VALUE;
document.getElementById ("demo"). innerHTML = x;
</ script>

</ body>
</ html>


JavaScript POSITIVE_INFINITY
Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Object Properties</h2>

<p>POSITIVE_INFINITY</p>

<p id="demo"></p>

<script>
var x = Number.POSITIVE_INFINITY;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>



POSITIVE_INFINITY est renvoyé en cas de dépassement de capacité:

Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Object Properties</h2>

<p>POSITIVE_INFINITY is returned on overflow:</p>

<p id="demo"></p>

<script>
var x = 1 / 0;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>



JavaScript NEGATIVE_INFINITY
Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Object Properties</h2>

<p>NEGATIVE_INFINITY</p>

<p id="demo"></p>

<script>
var x = Number.NEGATIVE_INFINITY;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>


NEGATIVE_INFINITY est renvoyé en cas de dépassement de capacité:

Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Object Properties</h2>

<p>NEGATIVE_INFINITY</p>

<p id="demo"></p>

<script>
var x = -1 / 0;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>


JavaScript NaN - Pas un nombre
Exemple
Code:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Number Object Properties</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Number.NaN;
</script>

</body>
</html>


NaN est un mot réservé de JavaScript indiquant qu'un numéro n'est pas un nombre légal.

Essayer de faire de l'arithmétique avec une chaîne non numérique donnera NaN (pas un nombre):

Exemple
Code:
var x = 100 / "Apple"; // x sera NaN (pas un nombre)


Code:
<! DOCTYPE html>
<html>
<body>

<h2> Numéros JavaScript </ h2>

<p> Un nombre divisé par une chaîne non numérique devient NaN (pas un nombre): </ p>

<p id = "demo"> </ p>

<script>
document.getElementById ("demo"). innerHTML = 100 / "Apple";
</ script>

</ body>
</ html>



Les propriétés numériques ne peuvent pas être utilisées sur des variables
Les propriétés de numéro appartiennent à l'encapsuleur d'objet de numéro JavaScript appelé Number.

Ces propriétés sont uniquement accessibles en tant que Number.MAX_VALUE.

L'utilisation de myNumber.MAX_VALUE, où myNumber est une variable, une expression ou une valeur, renvoie undefined:

Exemple
Code:
<! DOCTYPE html>
<html>
<body>

<h2> Propriétés de l'objet de numéro JavaScript </ h2>

<p> L'utilisation d'une propriété Number sur une variable, une expression ou une valeur renvoie undefined: </ p>

<p id = "demo"> </ p>

<script>
var x = 6;
document.getElementById ("demo"). innerHTML = x.MAX_VALUE;
</ script>

</ body>
</ html>
 
Top