Science Knowings: JavaScript Course For Social Media

Intl.Collator Object

Summary: Intl Object, Intl.Collator Object

In the previous session, we learned about the Intl Object which provides an API for internationalization, allowing us to format and compare data according to different locales.

Today, we step into the world of Intl.Collator Object, a powerful tool that helps us compare strings in a locale-aware manner, taking into account language-specific rules and conventions.

What is Intl.Collator Object?

The Intl.Collator Object is an ECMAScript Internationalization API that enables locale-sensitive string comparison and sorting.

It takes into account language-specific factors such as accent marks, diacritics, case sensitivity, and character decomposition.

Why Use Intl.Collator Object?

Using Intl.Collator Object offers several benefits:

• Ensures accurate and consistent string comparison across different locales.
• Supports complex scripts and languages with unique sorting rules.
• Provides a standard way to compare strings, improving code readability and maintainability.

Benefits of Using Intl.Collator Object

  • Accuracy and Consistency
  • Support for Complex Scripts
  • Improved Code Quality

Browser Compatibility for Intl.Collator Object

  • Intl.Collator Object is widely supported in modern browsers:
    • Chrome: Yes
    • Firefox: Yes
    • Safari: Yes
    • Edge: Yes
    • Opera: Yes
  • For older browsers, you may need to use a polyfill library like Intl.js.

How to Use Intl.Collator Object?

To use Intl.Collator Object, you first need to create an instance with the new keyword and provide a locale parameter specifying the desired locale:

const collator = new Intl.Collator('en-US');

Methods of Intl.Collator Object

  • compare(string1, string2): Compares two strings and returns a number indicating their relative order.
  • resolvedOptions(): Returns an object containing the resolved options used to create the Intl.Collator Object.
  • locale: Returns the locale of the Intl.Collator Object.

compare(string1, string2)

The compare() method takes two strings as input and returns a number indicating their relative order:

- 0: The strings are equal.
- 1: The first string is greater than the second string.
- -1: The first string is less than the second string.


The resolvedOptions() method returns an object containing the resolved options used to create the Intl.Collator Object. This can be useful for debugging or understanding the behavior of the object.

const options = collator.resolvedOptions();


The locale property returns the locale of the Intl.Collator Object.

const locale = collator.locale;

Usage of Intl.Collator Object

Intl.Collator Object can be used in a variety of scenarios:

- Sorting a list of strings in a locale-aware manner.
- Comparing strings for equality or inequality, taking into account locale-specific rules.
- Creating custom sorting algorithms that meet specific requirements.

Here's an example of sorting an array of strings:

const strings = ['café', 'cafe', 'café', 'caffe'];
strings.sort((a, b) =>, b));
console.log(strings); // ['cafe', 'café', 'caffe', 'café']

Next Topic: Intl.DateTimeFormat Object

In the next session, we'll explore the Intl.DateTimeFormat Object, which allows us to format dates and times in a locale-aware manner.

Follow us on Instagram to stay up-to-date on the latest JavaScript topics and best practices! #JavaScript #Intl #Collator