Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link

Javascript định dạng số phân cách hàng nghìn

3 min read
Hướng dẫn các bạn code Javascript định dạng số phân cách hàng nghìn phân cách bằng dấu phẩy hoặc dấu chấm, Code javascript định dạng số phân cách hàng nghìn, Format number with Javascript.

Bài viết này hướng dẫn cách định dạng lại số hàng nghìn phân cách bởi dấu phẩy hoặc dấu chấm. Trong quá trình code template blogspot bán hàng mình thường xuyên sử dụng chúng đế định dạng lại số tiền. Định dạng lại số bằng Javascript, phân cách số hàng nghìn bằng dấu phẩy, dấu chấm.

Javascript định dạng số phân cách hàng nghìn

Cách 1: Chúng ta viết một hàm xử lý như sau:


<script>
    function formatNumber(a, b, c, d) {
        var e = isNaN(b = Math.abs(b)) ? 2 : b;
        b = void 0 == c ? "," : c;
        d = void 0 == d ? "," : d;
        c = 0 > a ? "-" : "";
        var g = parseInt(a = Math.abs(+a || 0).toFixed(e)) + "",
            n = 3 < (n = g.length) ? n % 3 : 0;
        return c + (n ? g.substr(0, n) + d : "") + g.substr(n).replace(/(\d{3})(?=\d)/g, "$1" + d) + (e ? b + Math.abs(a - g).toFixed(e).slice(2) : "")
    }
</script>

Chúng ta gọi hàm trên và ví dụ sử dụng như sau:

Phân cách số hàng nghìn bằng dấu phẩy.


<script>
    var a = 20000;
    var b = formatNumber(a, 0, ".", ",");
    // kết quả b = 20,000
</script>

Phân cách hàng nghìn bằng dấu chấm.


<script>
    var a = 20000;
    var b = formatNumber(a, 0, ",", ".");
    // kết quả b = 20.000
</script>


Cách 2: Cách này ngắn gọn hơn so với cách 1.

Phân cách hàng nghìn bởi dấu phẩy:


<script>
    function formatNumber(num) {
        return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
    }
    var a = 20000;
    var b = formatNumber(a);
    // kết quả b = 20,000
</script>

Phân cách số hàng nghìn bởi dấu chấm:


<script>
    function formatNumber(num) {
        return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.')
    }
    var a = 20000;
    var b = formatNumber(a);
    // kết quả b = 20.000
</script>

Cách 3:

Định dạng phân cách bàng dấy phẩy


<script>
    function formatNumber(num) {
        var n = Number(num);
        return n.toLocaleString("en");
    }
    var a = 12000;
    var b = formatNumber(a);
    // kết quả b = 12,000
</script>


Định dạng phân cách bàng dấy chấm


<script>
    function formatNumber(num) {
        var n = Number(num);
        return n.toLocaleString("vi");
    }
    var a = 12000;
    var b = formatNumber(a);
    // kết quả b = 12.000
</script>

Định dạng giá tiền USD


<script>
  //<![CDATA[
  function FormatPrice(a) {
    const formatter = new Intl.NumberFormat('en-US', {
      style: 'currency',
      currency: 'USD',
      minimumFractionDigits: 2
    })
    return formatter.format(a);
  }
    var a = 2000;
    var b = formatNumber(a);
    // kết quả b = $2,000.00
  //]]>
</script>

You may like these posts

  • Chia sẻ tới các bạn đang dùng mẫu template blogspot một Tiện ích Contact cho blogspot đẹp hiện đại, phù hợp cho blgospot bán hàng, tư vấn dịch vụ.Tiện ích Contact cho blogspot…
  • Chia sẻ mẫu Tiện ích liên hệ Zalo Messenger Gọi điện đẹp, nút Zalo rung lắc phù hợp với nhiều blogspot bán hàng, tư vấn dịch vụ.Tiện ích liên hệ Zalo Messenger hiện thị cố địn…
  • Chia sẻ tiện ích Nút gọi điện rung lắc cho blogger blogspot đẹp, phù hợp với blogspot bán hàng, bất động sản, dịch vụ chăm sóc khách hàng.Nút gọi điện rung lắc cho blogger cài…
  • Xin chào tất cả các bạn đang dùng website sử dụng template blogspot, mẫu blogspot của các bạn đã lâu không được nâng cấp tối ưu, hãy liên hệ ngay với mình để có một Dịch vụ nâ…
  • Hướng dẫn đổi link ảnh blogger về mặc định, cụ thể là từ link dạng blogger.googleusercontent.com về link cũ thường dùng có dạng 1.bp.blogspot.com.Google lại tiếp tục đưa …
  • Hướng dẫn tạo Tiện ích liên hệ cho blogspot gồm Gọi điện, Email, Zalo, Facebook, Maps phù hợp cho trang blogspot bán hàng.Hướng dẫn cài đặt: Các bạn copy toàn bộ nội dung…

Post a Comment

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Learn More