1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation

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

abdelouafiNov 6, 2018

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      1,043
      Likes Received:
      14
      Trophy Points:
      38
      Joined
      Sep 13, 2016
      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>
       
      Related Threads
      Loading...

Share This Page

Share
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation