Jak mogę zaokrąglić liczbę w JavaScript?

Jak mogę zaokrąglić liczbę w JavaScript?

math.round() nie działa, ponieważ zaokrągla go do najbliższego miejsca po przecinku.

Nie jestem pewien, czy jest lepszy sposób na zrobienie tego niż zerwanie go w przecinku dziesiętnym przy zachowaniu pierwszego bitu. Musi być...

Korzystanie Math.floor()jest jednym ze sposobów na to.

Więcej informacji: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor

Zaokrąglaj w kierunku ujemnej nieskończoności - Math.floor()

+3.5 => +3.0
-3.5 => -4.0

Zaokrąglanie w kierunku zera - zwykle nazywane Truncate(), ale nie obsługiwane przez JavaScript - może być emulowane za pomocą Math.ceil()liczb ujemnych i Math.floor()liczb dodatnich.

+3.5 => +3.0 using Math.floor()
-3.5 => -3.0 using Math.ceil()

Math.floor()będzie działać, ale jest bardzo powolny w porównaniu do ORoperacji bitowej :

var rounded = 34.923 | 0;
alert( rounded );
//alerts "34"

EDYCJA nieMath.floor() jest wolniejsza niż przy użyciu | operator. Dzięki Jasonowi S za sprawdzenie mojej pracy.

Oto kod, którego użyłem do testowania:

var a = [];
var time = new Date().getTime();
for( i = 0; i < 100000; i++ ) {
    //a.push( Math.random() * 100000  | 0 );
    a.push( Math.floor( Math.random() * 100000 ) );
}
var elapsed = new Date().getTime() - time;
alert( "elapsed time: " + elapsed );

Możesz spróbować użyć tej funkcji, jeśli chcesz zaokrąglić w dół do określonej liczby miejsc po przecinku

function roundDown(number, decimals) {
    decimals = decimals || 0;
    return ( Math.floor( number * Math.pow(10, decimals) ) / Math.pow(10, decimals) );
}

przykłady

alert(roundDown(999.999999)); // 999
alert(roundDown(999.999999, 3)); // 999.999
alert(roundDown(999.999999, -1)); // 990

Aby zaokrąglić w dół w kierunku ujemnej nieskończoności, użyj:

rounded=Math.floor(number);

Aby zaokrąglić w dół do zera (jeśli liczba może zaokrąglić do 32-bitowej liczby całkowitej od -2147483648 do 2147483647), użyj:

rounded=number|0;

Aby zaokrąglić w dół do zera (dla dowolnej liczby), użyj:

if(number>0)rounded=Math.floor(number);else rounded=Math.ceil(number);

Zaokrąglanie w numberkierunku 0można wykonać, odejmując podpisaną część ułamkową number % 1:

rounded = number - number % 1;

Podobnie jak Math.floor(zaokrągla w kierunku -Infinity) ta metoda jest całkowicie dokładna.

Istnieją różnice w obsłudze -0, +Infinitya -Infinityjednak:

Math.floor(-0) => -0
-0 - -0 % 1    => +0

Math.floor(Infinity)    => Infinity
Infinity - Infinity % 1 => NaN

Math.floor(-Infinity)     => -Infinity
-Infinity - -Infinity % 1 => NaN

Math.floor(1+7/8)

Bawiąc się dzisiaj z kimś innym, odkrył, co również wydaje się zaokrąglać w dół:

var dec = 12.3453465,
int = dec >> 0; // returns 12

Aby uzyskać więcej informacji na temat przesunięcia w prawo propagacji znaków (>>), zobacz Operatory bitowe MDN

Zajęło mi trochę czasu, aby zrozumieć, co to robi: D

Ale jak podkreślono powyżej, Math.floor () działa i moim zdaniem wygląda bardziej czytelnie.

Musisz umieścić -1, aby zaokrąglić do połowy, a następnie pomnożyć przez -1, tak jak w przykładzie poniżej.

<script type="text/javascript">

  function roundNumber(number, precision, isDown) {
    var factor = Math.pow(10, precision);
    var tempNumber = number * factor;
    var roundedTempNumber = 0;
    if (isDown) {
      tempNumber = -tempNumber;
      roundedTempNumber = Math.round(tempNumber) * -1;
    } else {
      roundedTempNumber = Math.round(tempNumber);
    }
    return roundedTempNumber / factor;
  }
</script>

<div class="col-sm-12">
  <p>Round number 1.25 down: <script>document.write(roundNumber(1.25, 1, true));</script>
  </p>
  <p>Round number 1.25 up: <script>document.write(roundNumber(1.25, 1, false));</script></p>
</div>

Oto prosty przykład math.floor. Może to pomóc nowemu deweloperowi dowiedzieć się, jak używać go w funkcji i co robi. Mam nadzieję, że to pomoże!

<script>

var marks = 0;

function getRandomNumbers(){    //  generate a random number between 1 & 10
    var number = Math.floor((Math.random() * 10) + 1);
    return number;
}

function getNew(){  
/*  
    This function can create a new problem by generating two random numbers. When the page is loading as the first time, this function is executed with the onload event and the onclick event of "new" button.
*/
document.getElementById("ans").focus();
var num1 = getRandomNumbers();
var num2 = getRandomNumbers();
document.getElementById("num1").value = num1;
document.getElementById("num2").value = num2;

document.getElementById("ans").value ="";
document.getElementById("resultBox").style.backgroundColor = "maroon"
document.getElementById("resultBox").innerHTML = "***"

}

function checkAns(){
/*
    After entering the answer, the entered answer will be compared with the correct answer. 
        If the answer is correct, the text of the result box should be "Correct" with a green background and 10 marks should be added to the total marks.
        If the answer is incorrect, the text of the result box should be "Incorrect" with a red background and 3 marks should be deducted from the total.
        The updated total marks should be always displayed at the total marks box.
*/

var num1 = eval(document.getElementById("num1").value);
var num2 = eval(document.getElementById("num2").value);
var answer = eval(document.getElementById("ans").value);

if(answer==(num1+num2)){
    marks = marks + 10;
    document.getElementById("resultBox").innerHTML = "Correct";
    document.getElementById("resultBox").style.backgroundColor = "green";
    document.getElementById("totalMarks").innerHTML= "Total marks : " + marks;

}

else{
    marks = marks - 3;
    document.getElementById("resultBox").innerHTML = "Wrong";
    document.getElementById("resultBox").style.backgroundColor = "red";
    document.getElementById("totalMarks").innerHTML = "Total Marks: " + marks ;
}




}

</script>
</head>

<body onLoad="getNew()">
    <div class="container">
        <h1>Let's add numbers</h1>
        <div class="sum">
            <input id="num1" type="text" readonly> + <input id="num2" type="text" readonly>
        </div>
        <h2>Enter the answer below and click 'Check'</h2>
        <div class="answer">
            <input id="ans" type="text" value="">
        </div>
        <input id="btnchk" onClick="checkAns()" type="button" value="Check" >
        <div id="resultBox">***</div>
        <input id="btnnew" onClick="getNew()" type="button" value="New">
        <div id="totalMarks">Total marks : 0</div>  
    </div>
</body>
</html>