JavaScript 国际方法

以下是 Intl 方法的示例。

• 例子 ：

Javascript

function func(){
 
  // Original Array
  var arr = ['z', 's', 'l', 'm', 'c', 'a', 'b'];
 
  // Sorting Array
  var arr_sort = arr.sort(new Intl.Collator('en').compare)
  console.log(arr_sort);
}
func();

输出：

['a', 'b', 'c', 'l', 'm', 's', 'z']

Intl 方法： Intl()方法用于格式化 在构造函数的帮助下，本地格式的字符串、数字、日期和时间。

句法：

new Intl.constructors(locales, options);

论据：

• locales 参数： locales 参数用于确定操作中使用的语言环境。语言环境可能是：
  • 未定义：使用默认语言环境。
  • 语言环境：语言环境是构造函数用于识别语言或标签的标识符。
  • 语言环境列表：它是语言环境的集合。
• 语言环境由连字符分隔。语言环境可以包括：
  • 语言子标签。
  • 区域子标签。
  • 一个下标子标签。
  • 私人使用的扩展语法。
  • 一个或多个 BCP 47 扩展序列。
  • 一个或多个变体子标签。
• 例子 ：
  • “hi”：它是印地语的语言子标签。
  • “de-AT”：德语的语言标签和奥地利的地区标签 AT。
  • “zh-Hans-CN”：Hans 是中国地区的地区标签。
  • “en-emedeng”：en-emedeng 是早期现代英语变体标签。
• 选项参数：选项的参数是一个对象，其属性随不同的构造函数和函数而变化。如果选项的参数是未定义的默认值，则使用所有属性。

示例 1：下面提供了不同构造函数的示例。 在此示例中， Intl.Collator()创建 Intl.Collator 对象，该对象有助于对任何集合的语言敏感排序进行排序。由于我们是用英语对数组进行排序，所以它是按字母顺序排序的。

var l = new Intl.Collator('en').compare
console.log(['z', 'b', 'e', 'o', 'a'].sort(l)); 

Javascript

 
  // Javascript to illustrate Intl.Collator constructor
  function func() {
   
    // Creating object for which help in sorting
    var l = new Intl.Collator("en");
     
    // Sorting array
    var array = ["z", "b", "e", "o", "a"];
    var arr = array.sort(l.compare);
    console.log(arr);
  }
  func();

输出：

['a', 'b', 'e', 'o', 'z']

示例 2：在此示例中， Intl.DateTimeFormat()构造函数创建一个Intl.DateTimeFormat对象，该对象有助于语言敏感的日期时间格式。这里的子标签是“en-US”，所以日期变量是美国英语的格式。

const date = new Date(Date.UTC(2021, 06, 10, 10, 20, 30, 40));
console.log(new Intl.DateTimeFormat('en-US').format(date));

Javascript

 
  // Javascript to illustrate Intl.DateTimeFormat constructor
  function func() {
   
    // Creating Time variable
    const date = new Date(Date.UTC(2021, 06, 10, 10, 20, 30, 40));
     
    // Creating object for which help in Formatting
    const ti = new Intl.DateTimeFormat("en-US");
     
    // Formatting date
    const time = ti.format(date);
    console.log(time);
  }
  func();

输出：

7/10/2021

示例 3：在此示例中， Intl.DisplayNames()构造函数创建一个Intl.DisplayNames对象，该对象帮助构造函数翻译任何语言、区域和脚本显示名称。在这里， Intl根据地区以英语翻译“联合国”。

const rNames = new Intl.DisplayNames(['en'], { type: 'region' });
console.log(rNames.of('UN'));

Javascript

 
  // Javascript to illustrate Intl.DisplayNames constructor
  function func() {
   
    // Creating object for translation
    const rNames = new Intl.DisplayNames(["en"], { type: "region" });
     
    // Translating into region language
    const a = rNames.of("UN");
    console.log(a);
  }
  func();

输出：

United Nations

示例 4：在此示例中， Intl.ListFormat()创建了一个有助于列表格式化的 intl.ListFormat 对象。这里的子标签是“en”，所以它是英文的，样式很长，类型结合在一起，所以格式化的列表有一些连接词。

const Names = ['Jack', 'Rahul', 'Bob'];
const format = new Intl.ListFormat('en', { style: 'long', type: 'conjunction' });
console.log(format.format(Names));

Javascript

 
// Javascript to illustrate Intl.ListFormat constructor
function func(){
 
  // Original list
  const Names = ['Jack', 'Rahul', 'Bob'];
 
  // Creating object for list formatting
  const format = new Intl.ListFormat('en',
    { style: 'long', type: 'conjunction' });
 
  // Formatting list
  const list = format.format(Names);
  console.log(list);
}
func();

输出：

Jack, Rahul, and Bob

示例 5：在此示例中， Intl.Locale()构造函数为区域、语言和脚本创建了一个 Locale 标识符。这里的子标签是“en-US”，因此它创建了美国英语区域语言区域设置标识符。

let us = new Intl.Locale('en-US');
console.log(us.baseName)

Javascript

 
  // Javascript to illustrate Intl.Locale
  // constructor
  function func() {
   
    // Creating locale Object identifier
    let us = new Intl.Locale("en-US");
     
    // Printing baseName of identifier
    console.log(us.baseName);
  }
  func();

输出：

en-US 

示例 6：在此示例中， Intl.NumberFormat()构造函数创建Intl.NumberFormat对象，该对象有助于数字的格式化。样式是十进制的，所以数字是十进制格式的格式。

let amount = 6000000;
let k = new Intl.NumberFormat('en-US', {style: 'decimal'});
console.log(k.format(amount))

Javascript

 
  // Javascript to illustrate Intl.NumberFormat constructor
  function func() {
   
    // Original Number
    let amount = 6000000;
     
    // Creating object to format Number
    let k = new Intl.NumberFormat("en-US", { style: "decimal" });
     
    // Formatting Number
    let l = k.format(amount);
    console.log(l);
  }
  func();

输出：

6,000,000

示例 7：在此示例中， Intl.PluralRules()构造函数创建了一个有助于复数敏感格式的对象。它返回一个字符串，指示用于数字的复数规则。

let l = new Intl.PluralRules().select(18);
console.log(l)

Javascript

 
  // Javascript to illustrate
  // Intl.PluralRules constructor
  function func() {
   
    // Creating object for plural-sensitive
    // formatting of Number
     
    let l = new Intl.PluralRules();
    // selecting formatting for 18
    let k = l.select(18);
    console.log(k);
  }
  func();

输出：

other

示例 8：在此示例中， Intl.RelativeTimeFormat()构造函数创建一个对象 Intl.RelativeTimeFormat 帮助相对时间格式化。它根据提供给构造函数的子标签进行格式化。

const relative = new Intl.RelativeTimeFormat('en', { style: 'narrow' });
console.log(relative.format(5, 'hours'));

Javascript

 
// Javascript to illustrate Intl.RelativeTimeFormat constructor
function func(){
 
  // Creating object for formatting relative time
  const relative = new Intl.RelativeTimeFormat('en', { style: 'narrow' });
 
  // Formatting relative time for 5 value and hours unit
  let l =relative.format(5, 'hours');
  console.log(l)
}
func();

输出：

in 5 hr.