Intl 是JavaScript 中處理國際化的標(biāo)準(zhǔn)方法，提供日期、時(shí)間、數(shù)字、貨幣和字符串排序的本地化功能。 1. 使用Intl.DateTimeFormat 可按用戶語言格式化日期時(shí)間，如自動(dòng)識別或指定locale 輸出不同格式；2. 通過Intl.NumberFormat 實(shí)現(xiàn)數(shù)字與貨幣的本地化顯示，支持千分位、小數(shù)點(diǎn)及貨幣符號；3. 利用Intl.Collat??or 按本地規(guī)則對字符串排序，避免默認(rèn)排序方式帶來的問題。這些功能對於開發(fā)多語言應(yīng)用至關(guān)重要，確保內(nèi)容在全球範(fàn)圍內(nèi)符合當(dāng)?shù)亓?xí)慣。

處理JavaScript 中的國際化時(shí)， Intl對像是標(biāo)準(zhǔn)且推薦的方式。它提供了一系列構(gòu)造函數(shù)和方法，用於格式化日期、時(shí)間、數(shù)字、貨幣以及排序字符串等操作，能夠自動(dòng)適應(yīng)用戶的語言環(huán)境（locale）。這對於構(gòu)建多語言網(wǎng)站或應(yīng)用非常關(guān)鍵。

使用Intl.DateTimeFormat格式化時(shí)間和日期

當(dāng)你需要根據(jù)用戶所在地區(qū)顯示本地化的日期和時(shí)間格式時(shí)，可以使用Intl.DateTimeFormat 。

 const now = new Date();
const options = {
  year: 'numeric',
  month: 'long',
  day: 'numeric'
};

// 自動(dòng)識別系統(tǒng)語言環(huán)境console.log(new Intl.DateTimeFormat(undefined, options).format(now));
// 輸出示例：February 3, 2025（英文） 或者2025年2月3日（中文）

你可以顯式指定語言環(huán)境，例如：

 new Intl.DateTimeFormat('zh-CN', options).format(now); // 中文格式new Intl.DateTimeFormat('de-DE', options).format(now); // 德語格式

提示：

• 如果你不傳入locale 參數(shù)，會(huì)默認(rèn)使用運(yùn)行環(huán)境的語言設(shè)置。
• 可以通過navigator.language獲取瀏覽器當(dāng)前語言。
• 常見用途包括：顯示友好時(shí)間、日曆組件、表單提交時(shí)間展示等。

使用Intl.NumberFormat處理數(shù)字與貨幣

數(shù)字格式化在不同地區(qū)差異也很大，比如千分位符號、小數(shù)點(diǎn)形式，甚至貨幣單位。

 const number = 123456.789;

// 默認(rèn)格式console.log(new Intl.NumberFormat().format(number)); // 如123,456.789（英文）

// 指定德國格式（逗號為小數(shù)點(diǎn)）
console.log(new Intl.NumberFormat('de-DE').format(number)); // 輸出123.456,789

// 貨幣格式console.log(new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(number)); // $123,456.79
console.log(new Intl.NumberFormat('zh-CN', { style: 'currency', currency: 'CNY' }).format(number)); // ￥123,456.79

建議：

• 在電商、金融類項(xiàng)目中，貨幣格式必須正確對應(yīng)用戶所在國家。
• 注意貨幣代碼是否符合ISO 標(biāo)準(zhǔn)，如USD、EUR、CNY 等。
• 若用戶切換語言或地區(qū)，應(yīng)重新計(jì)算並更新格式。

使用Intl.Collator實(shí)現(xiàn)本地化排序

字符串排序在不同語言中有不同的規(guī)則，比如德語中的變元音（?, ?, ü），西班牙語中的?。使用Intl.Collator可以更準(zhǔn)確地進(jìn)行排序。

 const names = ['?pple', 'apple', 'zoo', '?andú'];

names.sort(new Intl.Collat??or('de').compare);
console.log(names); // 德語排序中，? 和a 是接近的names.sort(new Intl.Collat??or('es').compare);
console.log(names); // 西班牙語中，? 排在n 之後

注意：

• 不要依賴默認(rèn)的.sort()方法，因?yàn)樗话碪nicode 字符順序排序。
• 在需要對列表、搜索結(jié)果做排序的場景下，尤其要注意語言環(huán)境影響。
• 支持敏感度控制（sensitivity）、大小寫忽略等選項(xiàng)。

基本上就這些。 Intl 提供的功能雖然看起來簡單，但在實(shí)現(xiàn)真正的多語言支持時(shí)非常關(guān)鍵。用好了可以讓你的應(yīng)用在全球範(fàn)圍內(nèi)都能“說當(dāng)?shù)卦挕薄?/p>

以上是在JavaScript中使用國際化的INTL對象的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！