จะปัดเศษตัวเลขใน javascript ได้อย่างไร?


298

ฉันต้องการยกตัวอย่างเช่น6.688689ไป6.7แต่มันจะแสดงให้ฉัน7เสมอ

วิธีการของฉัน:

Math.round(6.688689);
//or
Math.round(6.688689, 1);
//or 
Math.round(6.688689, 2);

แต่ผลลัพธ์จะเหมือนกันเสมอ7... ฉันทำผิดอะไร


28
(6.688689​).toFixed(1);
Shadow Wizard คือ Ear For You

ตรวจสอบนี้
raina77 วิธี

อาจเป็นไปได้ซ้ำกันของจำนวนรอบใน JavaScript เป็นทศนิยม N ตำแหน่ง - โปรดใช้การค้นหาก่อนที่คุณจะถามคำถามใหม่
เฟลิกซ์ลิ่ง


1
@ShadowWizard ถูกต้อง อย่างไรก็ตาม.toFixedส่งคืนสตริง Number()ตรวจสอบให้แน่ใจในการห่อผลใน ดูคำตอบที่ยอมรับและอื่น ๆ
Jordan Arseno

คำตอบ:


534
Number((6.688689).toFixed(1)); // 6.7

22
แปลงตัวเลขเป็นสตริงแล้วกลับมาอีกครั้งหรือไม่ มันคงไม่เร็วแน่
csl

ไม่ดีถ้าหมายเลขของคุณมีทศนิยมน้อยกว่าที่ต้องการ มันเพิ่มบาง
njzk2

2
ในฐานะที่เป็นมาตรฐานการแสดงผลของ JS มันช้ากว่าวิธี
@fivedigit

13
Number((456.1235).toFixed(3)) -> 456.123, Number((1.235).toFixed(2)) -> 1.24... โง่ ... JavaSript
ไม่มีใคร

6
สิ่งนี้อาจไม่ทำสิ่งที่คุณคาดหวัง! ผลลัพธ์อาจขึ้นอยู่กับเบราว์เซอร์ดูคำถามนี้: stackoverflow.com/q/566564/2224996
maja

199
var number = 6.688689;
var roundedNumber = Math.round(number * 10) / 10;

13
มันไม่ได้ผลเสมอไป ใช้เวลาMath.round(1.005*100)/100เช่นจากMDN
tybro0103

7
@ tybro0103 Floating point evil: 1.005 * 100 = 100.49999999999999(อย่างน้อยในเครื่องยนต์ JS ที่ฉันลอง) นั่นเป็นเหตุผลที่มันไม่ทำงานและทำไมคุณไม่ควรพึ่งพาลอยถูกต้องสมบูรณ์
sudo

1
ไม่ถูกต้อง. Math.round (1.015 * 100) / 100 คืน 1.01 แทน 1.02
Marco Marsala

81

ใช้toFixed()ฟังก์ชั่น

(6.688689).toFixed(); // equal to 7
(6.688689).toFixed(1); // equal to 6.7
(6.688689).toFixed(2); // equal to 6.69

5
สิ่งนี้อาจไม่ทำสิ่งที่คุณคาดหวัง! ผลลัพธ์อาจขึ้นอยู่กับเบราว์เซอร์ดูคำถามนี้: stackoverflow.com/q/566564/2224996
maja

9
(6.688689) .toFixed (); เท่ากับ "7" ไม่ใช่ 7 เหมือนกันสำหรับตัวอย่างอื่น ๆ
Vado

35

อัปเดต (2019-10) ขอบคุณรหัสReece Danielsด้านล่างนี้มีให้ใช้งานเป็นชุดฟังก์ชั่นที่บรรจุในแพคเกจ npm รอบที่คาดไว้ (ดู)


คุณสามารถใช้ฟังก์ชั่นผู้ช่วยจากMDN ตัวอย่างเช่น กว่าที่คุณจะมีความยืดหยุ่นมากขึ้น:

Math.round10(5.25, 0);  // 5
Math.round10(5.25, -1); // 5.3
Math.round10(5.25, -2); // 5.25
Math.round10(5, 0);     // 5
Math.round10(5, -1);    // 5
Math.round10(5, -2);    // 5

อัปเดต (2019-01-15) ดูเหมือนว่าเอกสาร MDN จะไม่มีฟังก์ชั่นช่วยเหลือนี้อีกต่อไป นี่คือตัวอย่างของการสำรองข้อมูล:

// Closure
(function() {
  /**
   * Decimal adjustment of a number.
   *
   * @param {String}  type  The type of adjustment.
   * @param {Number}  value The number.
   * @param {Integer} exp   The exponent (the 10 logarithm of the adjustment base).
   * @returns {Number} The adjusted value.
   */
  function decimalAdjust(type, value, exp) {
    // If the exp is undefined or zero...
    if (typeof exp === 'undefined' || +exp === 0) {
      return Math[type](value);
    }
    value = +value;
    exp = +exp;
    // If the value is not a number or the exp is not an integer...
    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
      return NaN;
    }
    // If the value is negative...
    if (value < 0) {
      return -decimalAdjust(type, -value, exp);
    }
    // Shift
    value = value.toString().split('e');
    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
    // Shift back
    value = value.toString().split('e');
    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
  }

  // Decimal round
  if (!Math.round10) {
    Math.round10 = function(value, exp) {
      return decimalAdjust('round', value, exp);
    };
  }
  // Decimal floor
  if (!Math.floor10) {
    Math.floor10 = function(value, exp) {
      return decimalAdjust('floor', value, exp);
    };
  }
  // Decimal ceil
  if (!Math.ceil10) {
    Math.ceil10 = function(value, exp) {
      return decimalAdjust('ceil', value, exp);
    };
  }
})();

ตัวอย่างการใช้งาน:

// Round
Math.round10(55.55, -1);   // 55.6
Math.round10(55.549, -1);  // 55.5
Math.round10(55, 1);       // 60
Math.round10(54.9, 1);     // 50
Math.round10(-55.55, -1);  // -55.5
Math.round10(-55.551, -1); // -55.6
Math.round10(-55, 1);      // -50
Math.round10(-55.1, 1);    // -60
Math.round10(1.005, -2);   // 1.01 -- compare this with Math.round(1.005*100)/100 above
Math.round10(-1.005, -2);  // -1.01
// Floor
Math.floor10(55.59, -1);   // 55.5
Math.floor10(59, 1);       // 50
Math.floor10(-55.51, -1);  // -55.6
Math.floor10(-51, 1);      // -60
// Ceil
Math.ceil10(55.51, -1);    // 55.6
Math.ceil10(51, 1);        // 60
Math.ceil10(-55.59, -1);   // -55.5
Math.ceil10(-59, 1);       // -50

2
?? "Math.round10 ไม่ใช่ฟังก์ชั่น"
Peter Krauss

1
ฉันพบว่ามันมีประโยชน์อย่างยิ่งดังนั้นจึงตีมันในแพ็คเกจด่วนสำหรับผู้ที่ต้องการใช้งานโดยไม่ต้องมีโค้ดพิเศษ ให้เครดิต @aspanchenko พร้อมคำตอบดั้งเดิมเช่นกัน: npmjs.com/package/ คาดการณ์
Reece Daniels

19
> +(6.688687).toPrecision(2)
6.7

Numberวัตถุใน JavaScript มีวิธีการที่ไม่ตรงกับสิ่งที่คุณต้องการ วิธีการนั่นคือNumber.toPrecision([precision])

เช่นเดียวกับ.toFixed(1)มันจะแปลงผลลัพธ์เป็นสตริงและจะต้องถูกแปลงกลับเป็นตัวเลข เสร็จสิ้นการใช้+คำนำหน้าที่นี่

มาตรฐานง่ายๆบนแล็ปท็อปของฉัน:

number = 25.645234 typeof number
50000000 x number.toFixed(1) = 25.6 typeof string / 17527ms
50000000 x +(number.toFixed(1)) = 25.6 typeof number / 23764ms
50000000 x number.toPrecision(3) = 25.6 typeof string / 10100ms
50000000 x +(number.toPrecision(3)) = 25.6 typeof number / 18492ms
50000000 x Math.round(number*10)/10 = 25.6 typeof number / 58ms
string = 25.645234 typeof string
50000000 x Math.round(string*10)/10 = 25.6 typeof number / 7109ms

ในความคิดของฉันนี้เป็นคำตอบที่ดีที่สุด (ดีที่สุดในแง่ของการปฏิบัติที่ดีที่สุดวิธีที่ตรงไปตรงมาที่สุด)
cezar

1
1e-10.toPrecision(3)"1.00e-10" - รอบนี้เลขนัยสำคัญ
Vsevolod Golovanov

9

หากคุณไม่เพียง แต่ต้องการใช้toFixed()แต่ยังceil()และfloor()ในการลอยคุณสามารถใช้ฟังก์ชั่นต่อไปนี้:

function roundUsing(func, number, prec) {
    var tempnumber = number * Math.pow(10, prec);
    tempnumber = func(tempnumber);
    return tempnumber / Math.pow(10, prec);
}

ผลิต:

> roundUsing(Math.floor, 0.99999999, 3)
0.999
> roundUsing(Math.ceil, 0.1111111, 3)
0.112

UPD:

วิธีที่เป็นไปได้อื่น ๆ คือ:

Number.prototype.roundUsing = function(func, prec){
    var temp = this * Math.pow(10, prec)
    temp = func(temp);
    return temp / Math.pow(10, prec)
}

ผลิต:

> 6.688689.roundUsing(Math.ceil, 1)
6.7
> 6.688689.roundUsing(Math.round, 1)
6.7
> 6.688689.roundUsing(Math.floor, 1)
6.6

เราจะตัดสินใจได้อย่างไรว่าจะใช้เพดานพื้นหรือรอบเมื่อต้องการปัดเศษ ตัวอย่างเช่น: roundUsing (Math.round, 1.015, 2) roundUsing (Math.ceil, 1.015, 2) ให้ 2 ค่าที่ต่างกันเราจะรู้ได้อย่างไรว่าควรใช้
อันไหน

7

ฟังก์ชั่นการขยายรอบของฉัน:

function round(value, precision) {
  if (Number.isInteger(precision)) {
    var shift = Math.pow(10, precision);
    // Limited preventing decimal issue
    return (Math.round( value * shift + 0.00000000000001 ) / shift);
  } else {
    return Math.round(value);
  }
} 

ตัวอย่างผลลัพธ์:

round(123.688689)     // 123
round(123.688689, 0)  // 123
round(123.688689, 1)  // 123.7
round(123.688689, 2)  // 123.69
round(123.688689, -2) // 100
round(1.015, 2) // 1.02

1
นี่คล้ายกับคำตอบของ @ fivedigit รอบ (1.015, 2) ให้ 1.01 แทน 1.02
gaurav5430

@ gaurav5430 ขอบคุณสำหรับรายงานของคุณฉันได้แก้ไขแล้ว
Nick Tsai

6

ดูด้านล่าง

var original = 28.59;

var result=Math.round(original*10)/10 จะคืนคุณกลับมา 28.6

หวังว่านี่คือสิ่งที่คุณต้องการ ..


7
"ถ้าฉันมีค่าเล็กน้อยทุกครั้งที่ฉันเห็นใครบางคนใช้ FLOAT เพื่อเก็บเงินฉันจะได้ $ 999.997634" - Bill Karwin
emix

2
ไม่ถูกต้อง. Math.round (1.015 * 100) / 100
Marco Marsala


2

ฉันคิดว่าฟังก์ชั่นนี้สามารถช่วยได้

 function round(value, ndec){
    var n = 10;
    for(var i = 1; i < ndec; i++){
        n *=10;
    }

    if(!ndec || ndec <= 0)
        return Math.round(value);
    else
        return Math.round(value * n) / n;
}


round(2.245, 2) //2.25
round(2.245, 0) //2

คล้ายกับคำตอบอื่น ๆ สิ่งนี้ล้มเหลวในการปัดเศษ (1.015, 2) ซึ่งควรให้ 1.02
gaurav5430

1

ฉันคิดว่าฟังก์ชั่นด้านล่างสามารถช่วยได้

function roundOff(value,round) {
   return (parseInt(value * (10 ** (round + 1))) - parseInt(value * (10 ** round)) * 10) > 4 ? (((parseFloat(parseInt((value + parseFloat(1 / (10 ** round))) * (10 ** round))))) / (10 ** round)) : (parseFloat(parseInt(value * (10 ** round))) / ( 10 ** round));
}

การใช้งาน: roundOff(600.23458,2);จะกลับมา600.23


คุณช่วยอธิบายว่าคำตอบนี้เพิ่มที่ยังไม่ได้ครอบคลุมโดยคำตอบก่อนหน้า?
stealththeninja

คล้ายกับคำตอบอื่น ๆ สิ่งนี้ล้มเหลวในการปัดเศษ (1.015, 2) ซึ่งควรให้ 1.02
gaurav5430

1

หากคุณอยู่ภายใต้บริบท node.js คุณสามารถลองmathjs

const math = require('mathjs')
math.round(3.1415926, 2) 
// result: 3.14

1

มีทางเลือกอื่นคือ. toLocaleString ()เพื่อจัดรูปแบบตัวเลขโดยมีตัวเลือกมากมายเกี่ยวกับสถานที่การจัดกลุ่มการกำหนดสกุลเงินสัญลักษณ์ ตัวอย่างบางส่วน:

ปัดเศษเป็นทศนิยม 1 ถึงส่งคืนทศนิยม:

const n = +6.688689.toLocaleString('fullwide', {maximumFractionDigits:1})
console.log(
  n, typeof n
)

ปัดเศษทศนิยมเป็น 2 จัดรูปแบบเป็นสกุลเงินที่มีสัญลักษณ์ระบุใช้การจัดกลุ่มเครื่องหมายจุลภาคเป็นหลักพัน:

console.log(
  68766.688689.toLocaleString('fullwide', {maximumFractionDigits:2, style:'currency', currency:'USD', useGrouping:true})   
)

จัดรูปแบบเป็นสกุลเงินโลแคล :

console.log(
  68766.688689.toLocaleString('fr-FR', {maximumFractionDigits:2, style:'currency', currency:'EUR'})   
)

ปัดเศษทศนิยมขั้นต่ำ 3 เป็นศูนย์บังคับให้แสดง:

console.log(
  6.000000.toLocaleString('fullwide', {minimumFractionDigits:3})
)

สไตล์เปอร์เซ็นต์สำหรับอัตราส่วน ป้อน * 100 พร้อมเครื่องหมาย%

console.log(
  6.688689.toLocaleString('fullwide', {maximumFractionDigits:2, style:'percent'})
)



1

ฉันมีทางออกที่ดีมากถ้า if toFixed () ไม่ทำงาน

function roundOff(value, decimals) {
  return Number(Math.round(value+'e'+decimals)+'e-'+decimals);
}

ตัวอย่าง

roundOff(10.456,2) //output 10.46


0

ปรับแต่งเล็กน้อยสำหรับคำตอบนี้ :

function roundToStep(value, stepParam) {
   var step = stepParam || 1.0;
   var inv = 1.0 / step;
   return Math.round(value * inv) / inv;
}

roundToStep(2.55, 0.1) = 2.6
roundToStep(2.55, 0.01) = 2.55
roundToStep(2, 0.01) = 2

roundToStep (1.015, 0.002) ให้ 1.014 เป็นวิธีที่ถูกต้องในการใช้งาน
gaurav5430

@ gaurav5430 ลองroundToStep(1.015, 0.001)
Crashalot
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.