number_format JavaScript จัดการแสดงผลตัวเลข

number_format JavaScript จัดการแสดงผลตัวเลข และทศนิยม บทความนี้สอนการสร้างฟังก์ชันเพื่อจัดรูปแบบการแสดงผลของข้อมูลตัวเลข โดยใช้คำสั่ง toFixed สำหรับจัดการทศนิยม และ toLocaleString สำหรับเครื่องหมายคอมม่า สามารถเขียนคำสั่งได้ดังนี้

ตัวอย่าง number_format JavaScript จัดการแสดงผลตัวเลข และทศนิยม

<script>
    function number_format( number, decimal=0, comma=true ) {
        number = parseFloat( number ).toFixed( decimal )+"";
        if( comma ) {
            number = parseFloat( number ).toLocaleString('en');
        }
        return number;
    }

    var a = 123.456;
    var b = 1200.879;
    var c = 4563.9678;
    
    console.log( number_format( a ) );
    console.log( number_format( b, 2 ) );
    console.log( number_format( b, 3, false ) );
    console.log( number_format( c ) );
</script>

ผลลัพธ์

123.46
1,200.88
1200.879
4,564

number_format JavaScript จัดการแสดงผลตัวเลข และทศนิยม จากตัวอย่างสร้างฟังก์ชันชื่อ number_format ด้วย JavaScript รับค่า arguments 3 ค่า คือ ตัวเลข, จำนวนทศนิยม (ค่าเริ่มต้นคือ 0 ไม่แสดงทศนิยม) และการแสดงเครื่องหมายคอมม่า (ค่าเริ่มต้นคือ true แสดงคอมม่า) เวลาเรียกใช้งาน เช่น number_format( a, 2, true ) หมายความว่า ให้แสดงตัวเลขจากตัวแปร a ประกอบด้วยทศนิยม 2 ตำแหน่ง และแสดงเครื่องหมายคอมม่า