Định dạng số thập phân trong JavaScript – thêm số thập phân vào số javascript

Bài viết này sẽ giúp bạn hiểu cách định dạng số thập phân bằng JavaScript.

Bạn đang xem : thêm số thập phân vào số javascript

Bài viết này sẽ xem xét cách định dạng các vị trí số thập phân bằng JavaScript.

Để định dạng một số bằng dấu phẩy và chữ số thập phân trong JavaScript, chúng tôi có thể sử dụng Math.round () split () cho một số được chỉ định. Chúng ta có thể sử dụng các phương thức toFixed () , toString () toLocaleString () để định dạng số thập phân.

Sử dụng phương pháp toString () để định dạng số thập phân trong JavaScript

Phương thức toString () của JavaScript chuyển đổi số thành chuỗi và trả về chuỗi đại diện cho đối tượng Number được chỉ định.

  & lt;! DOCTYPE html & gt;
& lt; html & gt;
  & lt; body & gt;
    & lt; script & gt;
      var tê = 45342.764;

      var valu = Math.round (Số (tê) * 100) / 100;

      var pts = valu.toString (). split (".");

      var num =
        pts [0] .replace (/ \ B (? = (\ d {3}) + (?! \ d)) / g, ",") +
        (pts [1]? "." + pts [1]: "");

      console.log (num);
    & lt; / script & gt;
  & lt; / body & gt;
& lt; / html & gt;
 

Chạy mã

Hàm .split () biến các đoạn của chuỗi tại các điểm cụ thể thành các thành phần của mảng, sau đó được hợp nhất lại thành một chuỗi được phân tách bằng dấu phẩy.

Kết quả:

 < code class = "language-text"> "45.342.76"
 

Bạn thậm chí có thể sử dụng phương thức toString () bằng cách tạo một hàm.

  & lt ; tập lệnh & gt;
    var tê = 45342,76;
    function numCommas (x) {
      return x.toString (). Replace (/ \ B (? = (\ d {3}) + (?! \ d)) / g, ",");
    }
    console.log (têCommas (tê));
 & lt; / script & gt;
 

Chạy mã

Xem Thêm  Cách thêm khóa ngoại bằng ALTER trong MySQL - thêm khóa ngoại mysql

Đầu ra:

  "45.342.76"
 

Sử dụng phương thức toFixed () để định dạng Thập phân trong JavaScript

Phương thức toFixed () trong JavaScript định dạng một số có hai chữ số thập phân. Phương thức toFixed () định dạng số với số chữ số được chỉ định ở bên phải dấu thập phân.

Nó xuất ra biểu diễn chuỗi của một số với số thập phân chính xác địa điểm nhưng không sử dụng ký hiệu khoa học.

  & lt; script & gt;
  var number1 = 45342.764; document.write ("number1 là:" + number1.toFixed (2));
  document.write ("
  & lt; br / & gt; ");
& lt; / script & gt;
 

Chạy mã

Đầu ra:

  number1 là: 45342,76
 

Sử dụng phương pháp toLocaleString () để định dạng a Thập phân trong JavaScript

Tương tự như vậy, chúng ta có thể sử dụng phương thức toLocaleString () để phân tách các số thập phân bằng dấu phẩy, các số này khác nhau cho các địa phương khác nhau. Giống như en-US phân tách các số bằng dấu phẩy ở mỗi 3 vị trí, trong khi hi-IN phân tách ở 3 vị trí đầu tiên và sau đó ở mỗi 2 vị trí.

  let decNum = 4534289.764;

console.log (decNum.toLocaleString ("en-US"));

console.log (decNum.toLocaleString ("hi-IN"));
 

Chạy mã

Đầu ra:

  "4.534.289.764"
"45,34,289,764"
 

Viết cho chúng tôi

Các bài viết trên DelftStack được viết bởi những chuyên gia phần mềm như bạn. Nếu bạn cũng muốn đóng góp cho DelftStack bằng cách viết các bài báo trả phí, bạn có thể xem trang viết cho chúng tôi .


Xem thêm những thông tin liên quan đến chủ đề thêm số thập phân vào số javascript

JavaScript Higher Order Functions & Arrays

  • Tác giả: Traversy Media
  • Ngày đăng: 2018-01-13
  • Đánh giá: 4 ⭐ ( 9282 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this video we will look at some of the very powerful higher order functions and working with arrays. We will look at forEach, map, filter, reduce and sort.

    SPONSOR:
    https://www.bugreplay.com

    MODERN JAVASCRIPT FROM THE BEGINNING ($10 PROMO):
    https://www.udemy.com/modern-javascript-from-the-beginning/?couponCode=YOUTUBE10

    CODE: JSFiddle
    https://jsfiddle.net/bradtraversy/e5rb0x0a/

    💖 BECOME A PATRON: Show support & get perks!
    http://www.patreon.com/traversymedia

    VISIT MY WEBISTE: Check Out My Udemy Courses
    http://www.traversymedia.com

    FOLLOW TRAVERSY MEDIA:
    http://www.facebook.com/traversymedia
    http://www.twitter.com/traversymedia
    http://www.instagram.com/traversymedia
    https://discord.gg/traversymedia

JavaScript: Phương thức làm tròn số toFixed

  • Tác giả: www.daipho.com
  • Đánh giá: 5 ⭐ ( 3936 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Phương thức toFixed làm tròn số với độ dài phần thập phân được chỉ định và sau đó chuyển đổi thành dạng chuỗi. Lưu ý: nếu số ký tự phần thập phân mong

jQuery – Làm tròn đến 2 chữ số thập phân và tính toán với số đó

  • Tác giả: vi.pinlivingcolor.com
  • Đánh giá: 5 ⭐ ( 7465 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm thế nào để làm tròn các giá trị tax và crazyto thành 2 chữ số thập phân … Tôi đã thử sử dụng .toFixed (2) nhưng nó trả về một chuỗi và sau đó tôi không thể tính toán với nó nữa. Nếu ai đó có thể cập nhật fid …

Nhận phần thập phân của một số bằng JavaScript

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 6943 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Sử dụng 1, không 2. js> 2.3 % 1 0.2999999999999998

Chuyển số thành chuỗi theo định dạng số thập phân trong JavaScript(toFixed)

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 3 ⭐ ( 9756 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách chuyển số thành chuỗi theo định dạng số thập phân trong JavaScript. Bạn sẽ học được cách sử dụng phương thức toFixed để định dạng số trong JavaScript theo số lượng chữ số thập phân sau

[Tự học Javascript] Kiểu số(Numbers) trong Javascript

  • Tác giả: cafedev.vn
  • Đánh giá: 4 ⭐ ( 6603 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong JavaScript hiện đại, có hai loại số:Các số thông thường trong JavaScript được lưu trữ ở định dạng 64 bit IEEE-754 , còn được gọi là các số dấu phẩy động chính xác kép. Đây là những con số chúng ta đang sử dụng hầu hết thời gian và chúng ta sẽ nói về chúng trong chương này

Số trong Javascript

  • Tác giả: hanoiict.edu.vn
  • Đánh giá: 3 ⭐ ( 9298 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài hướng dẫn tự học lập trình Javascript này, bạn sẽ được tìm hiểu làm thế nào để sử dụng số (Number) trong Javascript.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Thanh điều hướng ngang với hình ảnh - cách tạo thanh điều hướng bằng hình ảnh