IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Fonction arrondi - roundTo(number, digits)


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2011
    Messages
    320
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 320
    Par défaut Fonction arrondi - roundTo(number, digits)
    Bonjour,
    Je voudrais modifier ma fonction roundTo() pour qu'elle incrémente 0 si besoin.

    Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
        function roundTo(number, digits) {
            if (number !== undefined && !isNaN(number)) {
                var scale = Math.pow(10, digits);
                return Math.round(number * scale) / scale;
            } else {
                return "-";
            }
        }

    J'aimerais connaitre votre méthode pour gérer un arrondi qui pourrait incrémenter un/des zero(s) si besoin sans passer par la méthode .toFixed().

    La fonction ci dessus fait le job parfaitement, sauf qu'elle "zappe" les zeros ...

    Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    roundTo(15.26, 1) // 15.3
    roundTo(15.26, 2) // 15.26
    roundTo(15.26, 3) // 15.260     <-- 0 non géré affiche 15.26

    Merci

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    Salut,

    Ben pourquoi ne pas utiliser la fonction .toFixed() ?

    Sinon vite fait j'ai ajouté quelque lignes à ton code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
      function roundTo(number, digits) {
            if (number !== undefined && !isNaN(number)) {
                var scale = Math.pow(10, digits);
                var res = Math.round(number * scale) / scale;
     
                var diff = digits - res.toString().split(".")[1].length ;
                if(diff > 0) {
                  return (res + "0".repeat(diff));
                }
                else return res;
     
            } else {
                return "-";
            }
        }
     
    console.log(roundTo(15.26, 1), // 15.3
    roundTo(15.26, 2), // 15.26
    roundTo(15.26, 3), // 15.260 
    roundTo(15.26, 7)) // 15.2600000
    Ça marche mais en reprenant tout depuis le début on pourrait probablement optimiser tout ça...
    Je laisse à d'autres pour l'instant...

  3. #3
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    tu utilises un mauvais vocabulaire.
    En informatique, l'incrémentation est l'opération qui consiste à ajouter 1 (et par extension toute valeur entière fixée) à un compteur. L'opération inverse, la décrémentation, consiste à retirer 1 (ou toute valeur entière fixée) au compteur.
    https://fr.wikipedia.org/wiki/Incr%C3%A9mentation

    Ce que tu désires faire, c'est de forcer l'affichage sur trois digits après la virgule.

    Seulement voila, c'est avant tout une question de typage: pour les nombres et par défaut JS n'affiche pas les zéros superflus après la virgule.
    le seul moyen c'est d'utiliser la méthode .toFixed(N)ou alors tu transforme ton nombre en string (.toString() ) mais cela complique plus les choses par la suite.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    function roundTo(number, digits) {
      let P10 =  Math.pow(10, digits);
      return isNaN(number) ? '-' : (Math.round(number * P10) / P10).toFixed(digits);
    }
    var num1 = 15.26;
     
    console.log ( roundTo(num1 , 3) );    // => 15.260
    Qu'est-ce qu'elle à de si affreux cette méthode .toFixed(N) ??

  4. #4
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    Citation Envoyé par Beginner. Voir le message
    Ça marche mais en reprenant tout depuis le début on pourrait probablement optimiser tout ça...
    Je laisse à d'autres pour l'instant...
    Ah la condition n'est pas nécessaire, on peut donc raccourcir un peu (toujours en partant de ton code) :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    function roundTo(number, digits) {
      if (number !== undefined && !isNaN(number)) {
        var scale = Math.pow(10, digits);
        var res = Math.round(number * scale) / scale;
        var diff = digits - res.toString().split(".")[1].length;
        return (res + "0".repeat(diff));
     
      } else {
        return "-";
      }
    }
     
    console.log(roundTo(15.26, 1), // 15.3
      roundTo(15.26, 2), // 15.26
      roundTo(15.26, 3), // 15.260
      roundTo(15.26, 7)) // 15.2600000

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2011
    Messages
    320
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 320
    Par défaut
    Ok merci à vous 2.

    Je m'y replonge demain là y'a plus rien qui rentre ...
    Néanmoins j'ai capté que ce que je voulais mettre en place n'est pas possible va falloir que je retravaille le truc.

  6. #6
    Membre averti
    Homme Profil pro
    Ingénieur
    Inscrit en
    Septembre 2015
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur
    Secteur : Industrie

    Informations forums :
    Inscription : Septembre 2015
    Messages : 36
    Par défaut
    La méthode toFixed accomplit très exactement ce que tu veux obtenir, à savoir arrondir un nombre à la nième décimale et renvoyer une chaine de caractères avec n décimales... Inutile de passer par Math.pow et Math.round si ton but est de récupérer une chaine de caractère.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    const a = 15.26;
    console.log(a.toFixed(0)); // 15
    console.log(a.toFixed(1)); // 15.3
    console.log(a.toFixed(2)); // 15.26
    console.log(a.toFixed(3)); // 15.260
    console.log(a.toFixed(4)); // 15.2600
    C'est un exercice? C'est pour ça que tu ne peux pas utiliser toFixed?

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Un autre possibilité est de gérer un affichage sous forme de string ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2011
    Messages
    320
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 320
    Par défaut
    Bon bah je sais pas ce que j'avais en tête hier soir mais je craquais complètement ...

    J'ai simplement ajouté .toFixed(digits) dans ma fonction et ça fait le job parfaitement (pour l'instant et pas d'erreurs dans la console)

    Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function roundTo(number, digits) {
        if (number !== undefined && !isNaN(number)) {
            var scale = Math.pow(10, digits);
            return (Math.round(number * scale) / scale).toFixed(digits);
        } else {
            return "-";
        }
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XL-97] Fonction arrondi
    Par Emily2711 dans le forum Macros et VBA Excel
    Réponses: 5
    Dernier message: 10/09/2009, 09h19
  2. Fonction arrondi suppérieur
    Par mims1664 dans le forum Requêtes
    Réponses: 2
    Dernier message: 30/08/2009, 19h35
  3. ABAP fonction arrondi
    Par kitty2006 dans le forum SAP
    Réponses: 6
    Dernier message: 10/12/2007, 19h42
  4. pb fonction arrondi avec une requête
    Par lbailler dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 15/08/2007, 00h46
  5. Fonction arrondie supérieur
    Par Sebimpro dans le forum Access
    Réponses: 3
    Dernier message: 08/08/2006, 10h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo