JavaScript Intl ListFormat formatToParts() Method

0
6

The Intl.ListFormat.prototype.formatToParts() method is an inbuilt method in JavaScript that returns an Array of objects representing the different components that can be used to format a list of values in a locale-aware fashion.

Syntax: 

Intl.ListFormat.prototype.formatToParts(list)

Parameters: This method accepts a single parameter as mentioned above and described below: 

  • list: This parameter holds an Array of values to be formatted according to a locale.

Return Value: This method returns an Array of components that contains the formatted parts from the list.

The below examples illustrate the Intl.ListFormat.prototype.formatToParts() method in JavaScript:

Example 1: In this example, we will see the basic use of the Intl.ListFormat.prototype.formatToParts() method in JavaScript.

javascript




<script>
    const gfg = ['Geeks1', 'Geeks2', 'Geeks3'];
    const result = new Intl.ListFormat('en-GB',
        { style: 'long', type: 'conjunction' });
      
    let val = result.formatToParts(gfg);
      
    console.log(val[0]);
    console.log(val[1]);
    console.log(val[2]);
    console.log(val[3]);
    console.log(val[4]);
</script>


Output: 

Object { type: "element", value: "Geeks1" }
Object { type: "literal", value: ", " }
Object { type: "element", value: "Geeks2" }
Object { type: "literal", value: " and " }
Object { type: "element", value: "Geeks3" }

Example 2: In this example, we will see the basic use of the Intl.ListFormat.prototype.formatToParts() method in JavaScript.

javascript




<script>
    const gfg = ['Geeks1', 'Geeks2', 'Geeks3'];
    const result = new Intl.ListFormat('hi',
        { style: 'long', type: 'conjunction' });
      
    let val = result.formatToParts(gfg);
      
    console.log(val[0]);
    console.log(val[1]);
    console.log(val[2]);
    console.log(val[3]);
    console.log(val[4]);
</script>


Output: 

Object {type: 'element', value: 'Geeks1'}
Object {type: 'literal', value: ', '}
Object {type: 'element', value: 'Geeks2'}
Object {type: 'literal', value: ', और '}
Object {type: 'element', value: 'Geeks3'}

We have a complete list of Javascript Intl methods, to check those please go through the Javascript Intl Complete Reference article.

Supported Browsers: The browsers supported by Intl.ListFormat.prototype.formatToParts() method are listed below: 

  • Google Chrome 72 and above
  • Edge 79 and above
  • Firefox 78 and above
  • Opera 60 and above
  • Safari 14.1 and above 

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!

LEAVE A REPLY

Please enter your comment!
Please enter your name here