JavaScript Number – toLocaleString()

在JavaScript中， toLocaleString()方法用于將數字轉化為本地語言環境下的字符串表示形式。愛掏網 - it200.com這意味著，使用toLocaleString()方法時，將會有很大可能性顯示應用程序用戶的本地化數字表示法。愛掏網 - it200.com

語法如下：

number.toLocaleString([locales[, options]])

其中：
locales : 選項，規定了使用哪種語言環境。愛掏網 - it200.com該值是一個區域語言標識符，例如“de-DE”表示德國 – 德語。愛掏網 - it200.com
options : 可選項，一個對象，可以傳遞一些選項以控制數字轉換的行為，例如小數點分隔符，組分隔符等等。愛掏網 - it200.com

下面的例子演示了使用這個方法的基本語法：

var a = 123456.789;
a.toLocaleString(); 
//返回"123,456.789" if in English locale 
//返回"123.456,789" if in German locale 
//返回"123 456,789" if in French locale

在這個例子中，如果在不同的地區設置本地語言環境，則會出現不同的顯示，即小數點分隔符和組分隔符的位置會不同。愛掏網 - it200.com

使用toLocaleString()方法格式化貨幣符號

我們可以使用選項對象來更改默認的語言環境行為。愛掏網 - it200.com例如，我們可以將元/美元符號添加到數字后面。愛掏網 - it200.com這就需要傳遞一個對象作為參數，以指定選項。愛掏網 - it200.com下面的例子演示了如何在數字后面添加美元符號。愛掏網 - it200.com

var amount = 19099.99; 
amount.toLocaleString('en-US', {style: 'currency', currency: 'USD'}); 
//返回"$19,099.99" 

在這個例子中，我們通過傳遞一個style屬性，以控制數字格式的樣式。愛掏網 - it200.com我們還可以通過傳遞一個currency屬性來控制貨幣符號。愛掏網 - it200.com

使用toLocaleString()方法格式化日期

使用toLocaleString()方法，我們可以獲得具有本地化的日期表示形式，例如“D/MM/YYYY”與“M/D/YYYY”。愛掏網 - it200.com我們可以傳遞一個選項對象來控制日期格式。愛掏網 - it200.com

var date = new Date(Date.UTC(2004, 6, 1, 0, 0, 0)); 
date.toLocaleString('en-US', { timeZone: 'UTC' }); 
// 返回 '7/1/2004, 12:00:00 AM' if in US locale.

在這個例子中，我們傳遞了一個時區到toLocaleString()方法中，以便在處理日期時正確地設置時區。愛掏網 - it200.com

toLocaleString()方法兼容性

toLocaleString()方法在大多數現代瀏覽器中都有很好的支持。愛掏網 - it200.com但是，對于舊版瀏覽器和某些移動瀏覽器，可能不支持某些選項。愛掏網 - it200.com在這種情況下，最好測試一下該方法的支持程度。愛掏網 - it200.com

下面的代碼段演示可能的瀏覽器兼容問題：

if (typeof Number.prototype.toLocaleString === "function") {
    console.log(123456.789.toLocaleString()); // logs "123,456.789"
}
else {
    console.log("toLocaleString() is not supported on this browser");
}

結論

toLocaleString()方法是JavaScript中非常實用的數字轉換方法，特別是在需要顯示與用戶的本地語言環境相匹配的數字時。愛掏網 - it200.com通過傳遞選項來控制行為，我們可以獲得與我們的應用程序中文本風格相配的數字表示。愛掏網 - it200.com但是，需要注意的是在不同瀏覽器和平臺上，可能存在兼容性問題。愛掏網 - it200.com