แสดงตัวเลขเป็นสกุลเงินใน JavaScript

JavaScript มีตัวเลือกมากมายตั้งแต่ง่ายไปจนถึงซับซ้อนที่ให้คุณจัดรูปแบบและแสดงตัวเลขเป็นสกุลเงิน อย่างไรก็ตามไม่ว่าคุณจะใช้วิธีใดกระบวนการนี้ไม่ง่ายอย่างที่ควรปรากฏ ไวยากรณ์ JavaScript มีกฎเข้มงวดสำหรับการเพิ่มสัญลักษณ์การเงินจำนวนทศนิยมที่ถูกต้องและการวางจุดทศนิยมอย่างถูกต้อง การทำความเข้าใจว่าตัวเลือกใดเหมาะสมที่สุดและวิธีใช้เพื่อแสดงสกุลเงินอย่างถูกต้องสามารถทำให้กระบวนการแปลงเร็วขึ้นและช่วยให้โปรแกรมของคุณทำงานได้ราบรื่นขึ้น

Number.ToFixed ()

วิธีที่ง่ายที่สุดในการแสดงตัวเลขเป็นสกุลเงินคือการใช้วิธี Number.ToFixed () วิธีการที่ไม่จีบวิธีนี้ต้องการให้คุณระบุจำนวนตำแหน่งทศนิยมที่คุณต้องการแสดงอย่างชัดเจนช่วยให้คุณปัดเศษขึ้นหรือวางจำนวนตำแหน่งทศนิยม แต่ไม่เพิ่มเครื่องหมายดอลลาร์ เริ่มต้นด้วยตัวเลขเช่น“ var currency = 4567.7466, ” currency.toFixed (2) ส่งคืนค่า 4567.74, currency.toFixed (3) ส่งคืนค่า 4567.747 โดยปัดเศษขึ้นและ currency.toFixed (7) คืนค่าเป็น 4567.7466000 โดยการเติมตำแหน่งทศนิยมสามตำแหน่งสุดท้ายด้วยศูนย์

Number.ToPrecision ()

วิธีที่ไม่จีบที่สองช่วยให้คุณสามารถแสดงตัวเลขเป็นสกุลเงินเพื่อให้พวกเขาแสดงจำนวนหลักเฉพาะ ในกรณีนี้วิธีการจะดูที่จำนวนทั้งหมดแทนที่จะเป็นทศนิยมและแสดงสกุลเงินเสมอโดยใช้จำนวนตัวเลขที่คุณระบุ เริ่มต้นด้วยตัวเลขเช่น“ var currency = 456.78, ” currency.toPrecision (4) คืนค่า 456.8 โดยการปัดเศษและ currency.toPrecision (7) ส่งคืนค่า 456.7800 โดยผนวกทศนิยมสองตำแหน่งท้ายเลขท้าย

formatMoney ()

เมธอด accounting.formatMoney () ใช้ไลบรารีการบัญชีใน JavaScript เพื่อแปลงตัวเลขให้เทียบเท่าในรูปแบบสกุลเงิน จำนวนที่คุณต้องการแสดงเป็นสกุลเงินกลายเป็นอาร์กิวเมนต์วิธี - หรือพารามิเตอร์ - ที่อยู่ในวงเล็บและถ้าคุณรวมอาร์กิวเมนต์เพิ่มเติมวิธีการ formatMoney () โดยค่าเริ่มต้นจะเพิ่มเครื่องหมายดอลลาร์ความแม่นยำและทศนิยมสองตำแหน่ง ตัวอย่างเช่น accounting.formatMoney (674589) จะแสดงเป็น $ 674, 589.00 บอกวิธีการรวมเซ็นต์ด้วยการตั้งค่าพารามิเตอร์เป็น accounting.formatMoney (674589.5) สำหรับจำนวนสกุลเงินที่แสดงเป็น $ 674, 589.50

numberToCurrency ()

จาวาสคริปต์ยังให้คุณแปลงและแสดงตัวเลขเป็นสกุลเงินภายในขั้นตอนที่เรียกว่าฟังก์ชั่น ฟังก์ชั่นจะคล้ายกับวิธีการจาวาสคริปต์ยกเว้นว่าพวกเขาสามารถยืนได้ด้วยตัวเองและเป็นผลให้ไม่ต้องมีการโทรอ้างอิงเช่น accounting.formatMoney () ทำ การใช้ฟังก์ชั่นแทนวิธีง่าย ๆ อาจมีประโยชน์อย่างยิ่งเมื่อแสดงตัวเลขเนื่องจากสกุลเงินไม่ใช่การกระทำเดียวที่คุณต้องการดำเนินการ ฟังก์ชั่นสร้างบล็อกของรหัสที่คุณสามารถดำเนินการเช่นการตรวจสอบข้อมูลอินพุตก่อนที่คุณจะแปลงและแสดงตัวเลขในสกุลเงินทั่วไปหรือสกุลเงินต่างประเทศ:

ฟังก์ชัน initializeState () {document.myForm.myInput.value = parent.numberToCurrency (currAmount, fCurr, ""); }