Métodos internacionales de JavaScript

A continuación se muestra un ejemplo del método Intl .

• Ejemplo : 

<script>
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();
</script>

Producción: 

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

Método Intl: El método Intl() se usa para dar formato a strings , números, fechas y horas en formato local con la ayuda de constructores.

Sintaxis:

new Intl.constructors(locales, options);

Argumentos:  

• Argumento local: el argumento local se utiliza para determinar la configuración regional utilizada en la operación. locales pueden ser:
  • indefinido: se utilizan las configuraciones regionales predeterminadas.
  • Una configuración regional: una configuración regional es un identificador para que el constructor identifique el idioma o las etiquetas.
  • Una lista de locales: Es una colección de un locale.
• los locales están divididos por guiones. Los locales pueden estar compuestos por:
  • Una subetiqueta de idioma.
  • Una subetiqueta de región.
  • Una subetiqueta de subíndice.
  • Una sintaxis de extensión de uso privado.
  • Una o más secuencias de extensión de BCP 47.
  • Una o más subetiquetas de variante.
• Ejemplo : 
  • “hola”: es una subetiqueta de idioma para el hindi.
  • “de-AT”: la etiqueta de idioma para alemán y AT para la etiqueta de región para Austria.
  • “zh-Hans-CN”: Hans es la etiqueta de región para la región china.
  • “en-emodeng”: en-emodeng es una etiqueta variante del inglés moderno temprano.
• Argumentos de opciones: el argumento de la opción es un objeto con propiedades que varían con diferentes constructores y funciones. Si el argumento de las opciones es el valor predeterminado indefinido para todas las propiedades, se utiliza.

Ejemplo 1: a continuación se proporcionan ejemplos para un constructor diferente. En este ejemplo, Intl.Collator() crea un objeto Intl.Collator que ayuda a ordenar según el idioma de cualquier colección. Dado que estamos ordenando la array con el idioma inglés, se ordena en orden alfabético.

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

<script>
 
  // 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();
</script>

Producción:

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

Ejemplo 2: en este ejemplo, el constructor Intl.DateTimeFormat() crea un objeto Intl.DateTimeFormat que ayuda al formato de fecha y hora sensible al idioma. Aquí la subetiqueta es ‘en-US’, por lo que la variable de fecha tiene el formato en inglés de los Estados Unidos. 

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

<script>
 
  // 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();
</script>

Producción: 

7/10/2021

Ejemplo 3: En este ejemplo, el constructor Intl.DisplayNames() crea un objeto Intl.DisplayNames que ayuda al constructor en la traducción de cualquier idioma, región y nombre de visualización de script. Aquí Intl traduce ‘ONU’ según la región en inglés.

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

<script>
 
  // 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();
</script>

Producción: 

United Nations

Ejemplo 4: en este ejemplo, Intl.ListFormat() crea un objeto intl.ListFormat que ayuda en el formato de la lista. Aquí la subetiqueta es ‘en’, por lo que está en inglés y el estilo es largo y el tipo en conjunto, por lo que la lista formateada tiene alguna palabra de unión.

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

<script>
 
// 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();
</script>

Producción: 

Jack, Rahul, and Bob

Ejemplo 5: en este ejemplo, el constructor Intl.Locale() crea un identificador de configuración regional para la región, el idioma y la secuencia de comandos. Aquí las etiquetas secundarias son ‘en-US’, por lo que crea un identificador de configuración regional del idioma de la región de inglés de EE. UU.

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

<script>
 
  // 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();
</script>

Producción:

en-US 

Ejemplo 6: En este ejemplo, el constructor Intl.NumberFormat() crea el objeto Intl.NumberFormat que ayuda en el formato de los números. El estilo es decimal, por lo que el número es el formato en formato decimal.

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

<script>
 
  // 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();
</script>

Producción: 

6,000,000

Ejemplo 7: en este ejemplo, el constructor Intl.PluralRules() crea un objeto que ayuda en el formato plural sensible. Devuelve una string que indica la regla de plural utilizada para el número.

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

<script>
 
  // 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();
</script>

Producción:

other

Ejemplo 8: En este ejemplo, el constructor Intl.RelativeTimeFormat() crea un objeto. Intl.RelativeTimeFormat ayuda al formateo de tiempo relativo. Tiene el formato de acuerdo con la subetiqueta proporcionada al constructor. 

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

<script>
 
// 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();
</script>

Producción:

in 5 hr.