วิธีแยกวิเคราะห์ทศนิยมด้วยทศนิยมสองตำแหน่งใน javascript

ฉันมีรหัสต่อไปนี้ ฉันอยากได้มันถ้า price_result เท่ากับจำนวนเต็มสมมุติว่า 10 แล้วฉันอยากจะเพิ่มทศนิยมสองตำแหน่ง ดังนั้น 10 น่าจะเป็น 10.00 หรือถ้ามันเท่ากับ 10.6 จะเท่ากับ 10.60 ไม่แน่ใจว่าจะทำอย่างไร

price_result = parseFloat(test_var.split('$')[1].slice(0,-1));

คุณสามารถใช้toFixed ()เพื่อทำสิ่งนั้น

var twoPlacedFloat = parseFloat(yourString).toFixed(2)

เมื่อคุณใช้toFixedมันจะส่งคืนค่าเป็นสตริงเสมอ บางครั้งรหัสนี้ซับซ้อน เพื่อหลีกเลี่ยงปัญหานี้คุณสามารถสร้างวิธีอื่นสำหรับ Number

Number.prototype.round = function(p) {
  p = p || 10;
  return parseFloat( this.toFixed(p) );
};

และใช้:

var n = 22 / 7; // 3.142857142857143
n.round(3); // 3.143

หรือเพียงแค่:

(22/7).round(3); // 3.143

หากคุณต้องการประสิทธิภาพ (เหมือนในเกม):

Math.round(number * 100) / 100

เร็วกว่า parseFloat ประมาณ 100 เท่า (number.toFixed (2))

http://jsperf.com/parsefloat-tofixed-vs-math-round

หากต้องการส่งคืนตัวเลขให้เพิ่มวงเล็บอีกหนึ่งชั้น ช่วยให้สะอาด

var twoPlacedFloat = parseFloat((10.02745).toFixed(2));

หากวัตถุประสงค์ของคุณคือการแยกวิเคราะห์และการป้อนข้อมูลของคุณอาจเป็นตัวอักษรคุณควรคาดหวังfloatและtoFixedจะไม่ให้สิ่งนั้นดังนั้นนี่คือฟังก์ชันที่เรียบง่ายสองอย่างที่จะให้สิ่งนี้:

function parseFloat2Decimals(value) {
    return parseFloat(parseFloat(value).toFixed(2));
}

function parseFloat2Decimals(value,decimalPlaces) {
    return parseFloat(parseFloat(value).toFixed(decimalPlaces));
}

ceil จาก lodash น่าจะดีที่สุด

_.ceil("315.9250488",2) 
_.ceil(315.9250488,2) 
_.ceil(undefined,2)
_.ceil(null,2)
_.ceil("",2)

จะทำงานด้วยหมายเลขและปลอดภัย

@sd คำตอบสั้น ๆ : ไม่มีวิธีใน JS ที่จะมีค่าประเภทข้อมูล Number ที่มีศูนย์ต่อท้ายหลังทศนิยม

Long Answer:มันเป็นคุณสมบัติของtoFixedหรือtoPrecisionฟังก์ชั่นของ JavaScript เพื่อกลับสตริง เหตุผลสำหรับสิ่งนี้คือประเภทข้อมูล Number ไม่สามารถมีค่าเช่น = 2.00 มันจะลบศูนย์ต่อท้ายหลังจุดทศนิยมเสมอซึ่งเป็นคุณสมบัติ inbuilt ของ Number Datatype ดังนั้นเพื่อให้บรรลุข้างต้นใน JS เรามี 2 ตัวเลือก

1. ใช้ข้อมูลเป็นสตริงหรือ
2. ตกลงที่จะมีค่าที่ถูกตัดทอนด้วยตัวพิมพ์ '0' ที่ส่วนท้าย 2.50 -> 2.5

กรุณาใช้ฟังก์ชั่นด้านล่างหากคุณไม่ต้องการปัดเศษ

function ConvertToDecimal(num) {
    num = num.toString(); //If it's not already a String
    num = num.slice(0, (num.indexOf(".")) + 3); //With 3 exposing the hundredths place
   alert('M : ' +  Number(num)); //If you need it back as a Number    
}

สำหรับสิ่งที่มีค่า: ตัวเลขทศนิยมเป็นตัวเลขทศนิยมคุณจะปัดเศษเป็นค่าอื่นหรือไม่ ภายในจะประมาณเศษส่วนทศนิยมตามกฎของเลขทศนิยมและการจัดการ มันยังคงเป็นตัวเลขทศนิยม (ทศนิยมใน JS เป็นสองเท่า) ภายในไม่ว่าคุณจะต้องการแสดงด้วยตัวเลขกี่หลัก

เพื่อนำเสนอสำหรับการแสดงผลคุณสามารถเลือกความแม่นยำของการแสดงผลกับสิ่งที่คุณต้องการโดยการแปลงสตริง การนำเสนอเป็นปัญหาการแสดงผลไม่ใช่สิ่งที่จัดเก็บ

คุณสามารถใช้. toFixed () เพื่อรับค่าทศนิยม 2 หลัก

Exampale

let newValue = parseFloat(9.990000).toFixed(2)

//output
9.99

ลองนี้ (ดูความคิดเห็นในรหัส):

function fixInteger(el) {
    // this is element's value selector, you should use your own
    value = $(el).val();
    if (value == '') {
        value = 0;
    }
    newValue = parseInt(value);
    // if new value is Nan (when input is a string with no integers in it)
    if (isNaN(newValue)) {
        value = 0;
        newValue = parseInt(value);
    }
    // apply new value to element
    $(el).val(newValue);
}

function fixPrice(el) {
    // this is element's value selector, you should use your own
    value = $(el).val();
    if (value == '') {
        value = 0;
    }
    newValue = parseFloat(value.replace(',', '.')).toFixed(2);
    // if new value is Nan (when input is a string with no integers in it)
    if (isNaN(newValue)) {
        value = 0;
        newValue = parseFloat(value).toFixed(2);
    }
    // apply new value to element
    $(el).val(newValue);
}

Simple JavaScript, สตริงที่จะลอย:

var it_price = chief_double($("#ContentPlaceHolder1_txt_it_price").val());

function chief_double(num){
    var n = parseFloat(num);
    if (isNaN(n)) {
        return "0";
    }
    else {
        return parseFloat(num);
    }
}

วิธีแก้ปัญหาที่เหมาะกับฉันมีดังต่อไปนี้

parseFloat(value)

Solution for FormArray controllers 

เตรียมใช้งานตัวสร้างฟอร์ม FormArray

  formInitilize() {
    this.Form = this._formBuilder.group({
      formArray: this._formBuilder.array([this.createForm()])
    });
  }

สร้างแบบฟอร์ม

  createForm() {
    return (this.Form = this._formBuilder.group({
      convertodecimal: ['']
    }));
  }

ตั้งค่าแบบฟอร์มเป็นตัวควบคุมแบบฟอร์ม

  setFormvalues() {
    this.Form.setControl('formArray', this._formBuilder.array([]));
    const control = <FormArray>this.resourceBalanceForm.controls['formArray'];
    this.ListArrayValues.forEach((x) => {
      control.push(this.buildForm(x));
    });
  }

  private buildForm(x): FormGroup {
    const bindvalues= this._formBuilder.group({
      convertodecimal: x.ArrayCollection1? parseFloat(x.ArrayCollection1[0].name).toFixed(2) : '' // Option for array collection
// convertodecimal: x.number.toFixed(2)    --- option for two decimal value 
    });

    return bindvalues;
  }

ฉันมีทางออกอื่น

คุณสามารถใช้round()เพื่อทำเช่นนั้นแทนtoFixed()

var twoPlacedFloat = parseFloat(yourString).round(2)