Trang này được in vào ngày 29 tháng 12 năm 2022. Đối với phiên bản hiện tại, hãy truy cập https. //Cứu giúp. shopify. com/vi/thủ công/thanh toán/định dạng tiền tệ
Bạn có thể thay đổi cách hiển thị đơn vị tiền tệ trên cửa hàng của mình để giúp khách hàng đọc số tiền dễ dàng hơn
Các loại định dạng tiền tệ
Có bốn định dạng tiền tệ khác nhau được sử dụng ở các phần khác nhau trong cửa hàng của bạn
Bốn định dạng tiền tệ khác nhau được sử dụng trên cửa hàng của bạn TênĐược sử dụng trong HTML với tiền tệCửa hàng trực tuyến và trang quản trị ShopifyHTML không có tiền tệCửa hàng trực tuyến và trang quản trị ShopifyEmail có tiền tệThông báoEmail không có tiền tệThông báo và đặt hàng Mẫu máy inTùy chọn định dạng tiền tệ
Bạn có thể hiển thị số tiền theo một số cách
tùy chọn định dạng cho số lượng tiền tệĐịnh dạng tiềnLàm trònVí dụ{{ amount }}
1,134. 65{{ amount_no_decimals }}
:1,135{{ amount_with_comma_separator }}
1. 134,65{{ amount_no_decimals_with_comma_separator }}
:1. 135____91'134. 65Các định dạng tiền tệ được làm tròn sẽ được làm tròn lên nếu số thập phân từ 50 trở lên hoặc làm tròn xuống nếu không
Ghi chú
Thanh toán tại cửa hàng của bạn luôn hiển thị vị trí thập phân bất kể định dạng tiền tệ mà bạn chọn cho cửa hàng trực tuyến của mình
Thay đổi định dạng tiền tệ của bạn
- máy tính để bàn
- điện thoại Iphone
- Android
- Từ trang quản trị Shopify, đi tới Cài đặt
- Từ ứng dụng Shopify, vào Cửa hàng > Cài đặt
- Cuộn đến phần Cài đặt cửa hàng
- Từ ứng dụng Shopify, vào Cửa hàng > Cài đặt
- Cuộn đến phần Cài đặt cửa hàng
Nhấp vào Chi tiết cửa hàng
Trong phần Tiền tệ lưu trữ, nhấp vào Thay đổi định dạng
Trong mỗi trường, hãy thay thế
0 bằng định dạng tiền tệ mà bạn muốn sử dụng từ bảng tùy chọnconst price = 1720000.396; const resultd = [price].toLocaleString['en-US', { style: 'currency', currency: 'USD' }]; const resultinr = [price].toLocaleString['en-IN', { style: 'currency', currency: 'INR' }]; console.log["US Locale sample: " + resultd]; document.write["US Locale sample: " + resultd]; console.log["Indian Locale sample: " + resultinr]; document.write["
Indian Locale sample: " + resultinr];Mỗi quốc gia có các loại tiền tệ cụ thể, bao gồm các mẫu hoặc phương pháp khác nhau để hiển thị các giá trị tiền tệ. Khi chúng tôi biểu thị chính xác một số, nó sẽ trở nên dễ đọc và dễ hiểu hơn đối với người đọc
Vì vậy, cách tốt nhất là thực hiện theo tiêu chuẩn chuẩn hóa thay vì mã hóa cứng nó. Bài viết này sẽ thảo luận về cách định dạng một số dưới dạng chuỗi tiền tệ trong Javascript
Phương pháp 1. Sử dụng quốc tế. NumberFormat[] với toLocaleString[] để định dạng số dưới dạng tiền tệ
Trong JavaScript, phương pháp phổ biến nhất và dễ dàng nhất để định dạng số dưới dạng chuỗi tiền tệ là sử dụng Intl. Phương thức NumberFormat[]. Phương pháp này cho phép người dùng định dạng số vận hành tham số ngôn ngữ tùy chỉnh
cú pháp
Intl.NumberFormat['en-US', {style: 'currency', currency: 'target currency'}] .format[monetary_value];
Giải trình
Ở đây, chúng tôi đã sử dụng 'en-INR' và 'en-US' làm ngôn ngữ. Ngôn ngữ là một tập hợp các tham số xác định bất kỳ thứ gì trên máy tính của người dùng theo vùng cụ thể. Người dùng có thể xem qua danh sách tất cả các ngôn ngữ từ đây. Khi người dùng chọn một ngôn ngữ và đơn vị tiền tệ khác, nó sẽ định dạng giá trị tiền tệ của họ cho phù hợp
quốc tế. Hàm tạo NumberFormat[] có hai đối số. Đầu tiên là một chuỗi ngôn ngữ mà người dùng có thể chỉ định ngôn ngữ mà họ muốn định dạng và người dùng có thể sử dụng chuỗi thứ hai để đặt các tùy chọn họ muốn áp dụng trong khi định dạng
Kiểu, tiền tệ, nhóm sử dụng và chữ số tối đa là danh sách các đối số thứ hai chỉ định kiểu định dạng mà người dùng muốn
Đoạn mã
const price = 1720000.396; const resultd = [price].toLocaleString['en-US', { style: 'currency', currency: 'USD' }]; const resultinr = [price].toLocaleString['en-IN', { style: 'currency', currency: 'INR' }]; console.log["US Locale sample: " + resultd]; document.write["US Locale sample: " + resultd]; console.log["Indian Locale sample: " + resultinr]; document.write["
Indian Locale sample: " + resultinr];đầu ra
Mã vận hành
Giải trình
Trong đoạn mã trên, chúng tôi đã sử dụng Intl. NumberFormat với. phương thức toLocaleString[] trả về một chuỗi mới với biểu diễn ngôn ngữ nhạy cảm của số đầu vào. quốc tế. Phương thức NumberFormat cho phép định dạng số theo ngôn ngữ trong JavaScript
Nó chuyển đổi số đầu vào thành en-US và en-ID. Người dùng cũng có thể sử dụng. toLocaleString[] riêng biệt để định dạng một số dưới dạng chuỗi tiền tệ trong JavaScript
Đoạn mã
const demo1 = [212423727].toLocaleString['en-US', { style: 'currency', currency: 'USD' }]; console.log[demo1];
Giải trình
Các. phương thức toLocaleString[] đang trả về một chuỗi có biểu diễn nhạy cảm với ngôn ngữ và tạo đầu ra định dạng tiền tệ. Các. toLocaleString[] không hỗ trợ các ngôn ngữ trong các phiên bản cũ hơn [tiền quốc tế]
Nó sử dụng ngôn ngữ hệ thống. Vì vậy, khi người dùng gỡ lỗi các trình duyệt cũ, họ phải chắc chắn rằng họ đang sử dụng đúng phiên bản. MDN khuyên bạn nên quét tìm sự tồn tại của Intl
đầu ra
Mã vận hành
Phương pháp 2. Sử dụng phép nối để định dạng số dưới dạng tiền tệ
Kỹ thuật này nối một số thành một chuỗi tiền tệ trong JavaScript được gọi là phương pháp nối. Sử dụng kỹ thuật này, người dùng có thể hợp nhất hai hoặc nhiều chuỗi
Phương thức không mang lại sự khác biệt cho chuỗi thực mà tạo ra một chuỗi mới. Kỹ thuật này đơn giản như thêm ký hiệu đô la với một số làm đầu vào chuỗi
Đoạn mã
const number = 2875118.123456; const result = '$ ' + number.toFixed[2]; console.log[result];
đầu ra
Mã vận hành
Giải trình
Trong ví dụ mã trên, chúng tôi đã sử dụng phương thức toFixed[2] để làm tròn số đến hai chữ số thập phân. Sử dụng một biến, chúng ta có thể thêm bất kỳ số nào chúng ta muốn chuyển đổi thành một chuỗi tiền tệ. Trong đoạn mã trên, chúng tôi đã sử dụng "số" làm biến lưu trữ một số dấu phẩy động dài
Sau đó, chúng tôi đã sử dụng '$' cho số để chuyển đổi nó thành chuỗi tiền tệ được yêu cầu
Ghi chú
Việc thực hiện cả hai quốc tế. NumberFormat[] và toLocaleString[] giống nhau đối với một số. Nhưng nếu người dùng sử dụng một số lượng lớn đầu vào số để định dạng thành định dạng tiền tệ, thì nên sử dụng Intl. NumberFormat, nhanh hơn ~70 lần. Vì vậy, thường hợp lý khi sử dụng Intl. SốĐịnh dạng
Phương pháp 3. Sử dụng RegEx để định dạng số dưới dạng tiền tệ
Biểu thức chính quy [RegEx] là một chuỗi ký tự bao gồm một mẫu tìm kiếm. Nói cách khác, Biểu thức chính quy [RegEx] trong JavaScript là một đối tượng chỉ định chuỗi ký tự được sử dụng để biểu thị mẫu tìm kiếm
Đoạn mã
const demo = 7285141.123456.toFixed[2].replace[/\d[?=[\d{3}]+\.]/g, '$&,']; console.warn['$ ' + demo];
đầu ra
Mã vận hành
Giải trình
Ở đây, trong đoạn mã, chúng tôi đã sử dụng phương thức thay thế [] với mẫu RegEx trả về đầu vào số bằng một chuỗi tiền tệ. Ngoài ra, chúng tôi đã sử dụng phương thức toFixed[2] để làm tròn số đến hai chữ số thập phân
Phần kết luận
Trong hướng dẫn này, chúng ta đã học cách định dạng một số dưới dạng chuỗi tiền tệ bằng các phương thức JavaScript. Chúng tôi đã sử dụng Intl. Các phương thức NumberFormat[], nối, toLocaleString[] và RegEx để thực hiện việc này, với danh sách ngôn ngữ bắt buộc và các cài đặt khác mà người dùng có thể sử dụng để tùy chỉnh trong quá trình định dạng
Làm cách nào để chuyển đổi số thành tiền tệ trong HTML?
NumberFormat[] Constructor để định dạng số dưới dạng tiền tệ. Bạn có thể sử dụng Intl. Hàm tạo NumberFormat[] để tạo Intl. Các đối tượng NumberFormat cho phép định dạng số theo ngôn ngữ, chẳng hạn như định dạng tiền tệ.Làm cách nào để định dạng một số dưới dạng tiền tệ bằng CSS?
Cách tiếp cận. Trong mã, lớp CSS currSign thêm ký hiệu tiền tệ [như '$'] trước số . Hàm JavaScript toLocaleString[] trả về một chuỗi có biểu diễn số theo ngôn ngữ.Làm cách nào để định dạng một số dưới dạng tiền tệ trong JavaScript?
Trong JavaScript, cách dễ nhất và phổ biến nhất để định dạng số dưới dạng chuỗi tiền tệ là thông qua Intl. Phương thức NumberFormat[]. .thập phân - Định dạng số thập phântiền tệ - Định dạng tiền tệđơn vị - Định dạng đơn vị Metric hoặc Imperial