Class: IntlNumberConverter

Oracle® JavaScript Extension Toolkit (JET)
2.0.0

E70325-01

QuickNav

oj. IntlNumberConverter extends oj.NumberConverter

Version:
  • 2.0.0
Since:
  • 0.6
Constructs an immutable instance and initializes it with the options provided. When initialized with no options, the default options for the current locale are assumed. The converters by default use the current page locale (returned by oj.Config.getLocale()). There are several ways to initialize the converter.

  • Using options defined by the ECMA 402 Specification, these would be the properties style, currency, currencyDisplay, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, useGrouping. NOTE: minimumSignificantDigits and maximumSignificantDigits are not supported.
  • Using a custom decimal, currency or percent format pattern. specified using the 'pattern' property
  • Using the decimalFormat option to define a compact pattern, such as "1M" and "1 million".

The converter provides leniency when parsing user input value to a number in the following ways:

  • Prefix and suffix that do not match the pattern, are removed. E.g., when pattern is "#,##0.00%" (suffix is the % character), a value of "abc-123.45xyz", will be leniently parsed to -123.45
  • When a value includes a symbol but the pattern doesn't require it. E.g., the options are {pattern: "###", currency: 'USD'}, then values ($123), (123) and -123 will be leniently parsed as -123.

Constructor

new IntlNumberConverter()

Properties:
Name Type Argument Description
options Object <optional>
an object literal used to provide optional information to initialize the converter.
Properties
Name Type Argument Description
style string <optional>
sets the style of number formatting. Allowed values are "decimal" (the default), "currency" or "percent". When a number is formatted as a decimal, the decimal character is replaced with the most appropriate symbol for the locale. In English this is a decimal point ("."), while in many locales it is a decimal comma (","). If grouping is enabled the locale dependent grouping separator is also used. These symbols are also used for numbers formatted as currency or a percentage, where appropriate.
currency string <optional>
specifies the currency that will be used when formatting the number. The value should be a ISO 4217 alphabetic currency code. If the style is set to currency, it's required that the currency property also be specified. This is because the currency used is not dependent on the locale. You may be using a Thai locale, but dealing in US Dollars, e.g.
currencyDisplay string <optional>
if the number is using currency formatting, specifies if the currency will be displayed using its "code" (as an ISO 4217 alphabetic currency code), "symbol" (a localized currency symbol (e.g. $ for US dollars, £ for Great British pounds, and so on), or "name" (a localized currency name. Allowed values are "code", "symbol" and "name". The default is "symbol".
decimalFormat string <optional>
specifies the decimal format length to use when style is set to "decimal". Allowed values are : "standard"(default), "short" and "long". 'standard' is equivalent to not specifying the 'decimalFormat' attribute, in that case the locale’s default decimal pattern is used for formatting.

The user can also specify 'minimumFractionDigits' and 'maximumFractionDigits' to display. When not present we use the locale's default max and min fraction digits.

There is no need to specify the scale; we automatically detect greatest scale that is less or equal than the input number. For example 1000000 is formatted as "1M" or "1 million" and 1234 is formatted, with zero fractional digits, as "1K" or " 1 thousand" for short and long formats respectively. The pattern for the short and long number is locale dependent and uses plural rules for the particular locale.

NOTE: Currently this option formats a value (e.g., 2000 -> 2K), but it does not parse a value (e.g., 2K -> 2000), so it can only be used in a readOnly EditableValue because readOnly EditableValue components do not call the converter's parse function.

minimumIntegerDigits number <optional>
sets the minimum number of digits before the decimal place (known as integer digits). The number is padded with leading zeros if it would not otherwise have enough digits. The value must be an integer between 1 and 21.
minimumFractionDigits number <optional>
similar to 'minimumIntegerDigits', except it deals with the digits after the decimal place (fractional digits). It must be an integer between 0 and 20. The fractional digits will be padded with trailing zeros if they are less than the minimum.
maximumFractionDigits number <optional>
follows the same rules as 'minimumFractionDigits', but sets the maximum number of fractional digits that are allowed. The value will be rounded if there are more digits than the maximum specified.
useGrouping boolean <optional>
when the value is truthy, the locale dependent grouping separator is used when formatting the number. This is often known as the thousands separator, although it is up to the locale where it is placed. The ‘useGrouping’ is set to true by default.
pattern string <optional>
an optional localized pattern, where the characters used in pattern are as defined in the Unicode CLDR for numbers, percent or currency formats. When present this will override the other "options".

  - When the pattern represents a currency style the 'currency' property is required to be set, as not setting this will throw an error. The 'currencyDisplay' is optional.
Example: {pattern: '¤#,##0', currency: 'USD'}.

  - It's not mandatory for the pattern to have the special character '¤' (currency sign) be present. When not present, values are treated as a currency value, but are not formatted to show the currency symbol.
Example: {pattern: '#,##0', currency: 'USD'}

  - When the pattern represents a percent style, the percent special character ('%') needs to be explicitly specified in the pattern, e.g., {pattern: "#,##0%"}. If the pattern does not contain the percent character it's treated as a decimal pattern, unless the style is set to percent, in which case the value is treated as a percent value, but not formatted to show the percent symbol.
Example: {style: 'percent', pattern: "#,##0"}.

  - A decimal pattern or exponent pattern is specified in the pattern using the CLDR conventions.
Example: {pattern: "#,##0.00"} or {pattern: "0.##E+0"}.

NOTE: 'pattern' is provided for backwards compatibility with existing apps that may want the convenience of specifying an explicit format mask. Setting a pattern will override the default locale specific format.

Source:
Examples

Create a number converter to parse/format currencies

var converterFactory = oj.Validation.converterFactory("number");
var options = {style: "currency", currency: "USD", minimumIntegerDigits: 2};
converter = converterFactory.createConverter(options);

A number converter for percent values using a custom (CLDR) pattern

var converterFactory = oj.Validation.converterFactory("number");
var options = {pattern: '#,##0%'};
converter = converterFactory.createConverter(options);

To parse a value as percent but format it without displaying the percent character

var options = {style: 'percent', pattern: '#,##0'};

To parse a value as currency using a custom (CLDR) pattern

var options = {pattern: '¤#,##0', currency: 'USD'};

The following decimalFormat examples are in en locale. To format a value as short (default for fraction digits is based on the locale)

var options = {style:’decimal’, decimalFormat:’short’};
converter = converterFactory.createConverter(options);
converter.format(12345);--> 12.354K

To format a value as long (default for fraction digits is based on the locale):

var options = {style:’decimal’, decimalFormat:’long’};
converter = converterFactory.createConverter(options);
converter.format(12345);--> 12.345 thousand

To format a value as short with minimum fraction digits:

options = { style:’decimal’, decimalFormat:’short’, 
minimumFractionDigits:4};
converter = converterFactory.createConverter(options);
converter.format(1234);--> 1.2340K

To format a value as short with maximum fraction digits:

options = { style:’decimal’, decimalFormat:’short’, 
maximumFractionDigits:0};
converter = converterFactory.createConverter(options);
converter.format(12345);--> 12K

To format a value as long with minimum and maximum fraction digits:

options = { style:’decimal’, decimalFormat:’long', 
minimumFractionDigits:2, maximumFractionDigits:4};
converter = converterFactory.createConverter(options);
converter.format(12000);--> 12.00 thousand

To format a value as short with minimum and maximum fraction digits:

options = { style:’decimal’, decimalFormat:’long', 
minimumFractionDigits:2, maximumFractionDigits:4};
converter = converterFactory.createConverter(options);
converter.format(12345678);--> 12.345 million

decimal style default is standard:

options = { style:’decimal’, decimalFormat:’standard’}; 
converter = converterFactory.createConverter(options);
converter.format(12345);--> 12,345

Methods

format(value) → {string}

Formats a Number and returns the formatted string, using the options this converter was initialized with.
Parameters:
Name Type Description
value Number | number to be formatted for display
Source:
Throws:
a ConverterError both when formatting fails, or if the options provided during initialization cannot be resolved correctly.
Type
Error
Returns:
the localized and formatted value suitable for display. When the value is formatted as a percent it's multiplied by 100.
Type
string

getHint() → {String}

Retrieves a hint String describing the format the value is expected to be in.
Source:
Returns:
a hint describing the format the value is expected to be in.
Type
String

getOptions() → {Object}

Returns the options called with converter initialization.
Source:
Returns:
an object of options.
Type
Object

Init(options)

Initializes the number converter instance with the set options.
Parameters:
Name Type Argument Description
options Object <optional>
an object literal used to provide an optional information to initialize the converter.

Source:

parse(value) → {number|null}

Parses a string value to return a Number, using the options this converter was initialized with.
Parameters:
Name Type Description
value String | string to parse
Source:
Throws:
a ConverterError both when parsing fails, or if the options provided during initialization cannot be resolved correctly.
Type
Error
Returns:
the parsed number or null if the value was null or an empty string. When the value is parsed as a percent its 1/100th part is returned.
Type
number | null

resolvedOptions() → {Object}

Returns an object literal with properties reflecting the number formatting options computed based on the options parameter. If options (or pattern) is not provided, the properties will be derived from the locale defaults.
Source:
Throws:
a oj.ConverterError when the options that the converter was initialized with are invalid.
Returns:
An object literal containing the resolved values for the following options. Some of these properties may not be present, indicating that the corresponding components will not be represented in the formatted output.
  • locale: a String value with the language tag of the locale whose localization is used for formatting.
  • style: a String value. One of the allowed values - "decimal", "currency" or "percent".
  • currency: a String value. an ISO 4217 alphabetic currency code. May be present only when style is currency.
  • currencyDisplay: a String value. One of the allowed values - "code", "symbol", or "name".
  • numberingSystem: a String value of the numbering system used. E.g. latn
  • minimumIntegerDigits: a non-negative integer Number value indicating the minimum integer digits to be used.
  • minimumFractionDigits: a non-negative integer Number value indicating the minimum fraction digits to be used.
  • maximumFractionDigits: a non-negative integer Number value indicating the maximum fraction digits to be used.
  • useGrouping: a Boolean value indicating whether a grouping separator is used.
Type
Object