Formattare liste in Javascript con ListFormat

Mattepuffo's logo
Formattare liste in Javascript con ListFormat

Formattare liste in Javascript con ListFormat

L'oggetto Intl.ListFormat ci consente di formattare le liste in Javascript usando anche la localizzazione.

Come potete vedere dalla documentazione abbiamo diverse opzioni:

  • conjunction
  • disjunction
  • unit

E diversi stili:

  • long
  • short
  • narrow

Il miglior modo per capire le differenze è un esempio:

const lista = ['1', '2', '3'];
const inglese = new Intl.ListFormat('en', {style: 'long', type: 'conjunction'}).format(lista);
const italiano = new Intl.ListFormat('it', {style: 'long', type: 'disjunction'}).format(lista);
const italiano_narrow = new Intl.ListFormat('it', {style: 'narrow', type: 'unit'}).format(lista);

console.log(inglese);
console.log(italiano);
console.log(italiano_narrow);

L'ouput sarà il seguente:

1, 2, and 3
1, 2 o 3
1 2 3

Come vedete è già formattata e leggibile, e anche localizzata.

Enjoy!


Condividi

Commentami!