Class: IntlNumberConverter

Oracle® JavaScript Extension Toolkit (JET)
3.2.0

E87541-01

QuickNav

oj. IntlNumberConverter extends oj.NumberConverter

Version:
  • 3.2.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".
  • Using the roundingMode and roundDuringParse options to round the number HALF_UP, HALF_DOWN, or HALF_EVEN.

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.

Lenient parse can be disabled by setting the property lenientParse to "none". In which case the user input must be an exact match of the expected pattern and all the leniency described above will be disabled.

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 there is no default currency associated with the current locale. The user must always specify the currency code to be shown, otherwise an error will be thrown. The current page locale (returned by oj.Config.getLocale()) determines the formatting elements of the number like grouping separator and decimal separator. The currency code tells us which currency to display in current page locale. JET has translations for currency names.

As an example if we want to format 1000.35 EURO and the page locale is "en-US", we pass {style:'currency', currency:'EUR', currencyDisplay:'symbol'} and we will get "€1,000.35" If the page locale is "fr-FR", with the same options, we will get: "1 000,35 €"

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.

roundingMode string <optional>
specifies the rounding behavior. This follows the Java.Math.RoundingMode behavior. Currently we support the options: HALF_UP, HALF_DOWN, and HALF_EVEN
roundDuringParse boolean <optional>
Specifies whether or not to round during parse. Defaults to false; the number converter rounds during format but not during parse.
separators Object <optional>
An object with 2 fields: 'decimal' and 'group'. It allows the user to provide custom decimal and grouping separators. It is accepted for both format and parse methods.
lenientParse string <optional>
The lenientParse property can be used to enable or disable leninet parsing. Allowed values: "full" (default), "none".

By default the lenient parse is enabled and the leniency rules descibed above will be used. When lenientParse is set to "none" the lenient parse is disabled and the user input must match the expected input otherwise an exception will be thrown.

Source:
Examples

Create a number converter for currencies

var converterFactory = oj.Validation.converterFactory("number");
var options = {style: "currency", currency: "USD", minimumIntegerDigits: 2};
converter = converterFactory.createConverter(options);
converter.format(9); --> "$09.00" if page locale is 'en-US'
converter.format(9); --> "09,00 $US" if page locale is 'fr-FR'

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

decimal round HALF_DOWN:

options = { style:’decimal’,  maximumFractionDigits:2, roundingMode:'HALF_DOWN'}; 
converter = converterFactory.createConverter(options);
converter.format(0.225);--> 0.22
converter.parse(0.225);-->0.225 //doesn't round during parse by default

decimal round HALF_UP:

options = { style:’decimal’,  maximumFractionDigits:2, roundingMode:'HALF_UP'}; 
converter = converterFactory.createConverter(options);
converter.format(0.225);--> 0.23
converter.parse(0.225);--> 0.225 //doesn't round during parse by default

decimal round HALF_EVEN:

options = { style:’decimal’,  maximumFractionDigits:2, roundingMode:'HALF_EVEN'}; 
converter = converterFactory.createConverter(options);
converter.format(0.225);--> 0.22
converter.format(0.235);--> 0.24
converter.parse(0.225);--> 0.225 //doesn't round during parse by default
converter.parse(0.235);--> 0.235 //doesn't round during parse by default

decimal round HALF_DOWN and roundDuringParse:

options = { style:’decimal’, maximumFractionDigits:2, 
            roundingMode:'HALF_DOWN', roundDuringParse: true}; 
converter = converterFactory.createConverter(options);
converter.format(0.225);--> 0.22
converter.parse(0.225);-->0.22

decimal round HALF_UP and roundDuringParse:

options = { style:’decimal’,  maximumFractionDigits:2, 
            roundingMode:'HALF_UP', roundDuringParse: true}; 
converter = converterFactory.createConverter(options);
converter.format(0.225);--> 0.23
converter.parse(0.225);--> 0.23

decimal round HALF_EVEN and roundDuringParse:

options = { style:’decimal’,  maximumFractionDigits:2, 
            roundingMode:'HALF_EVEN', roundDuringParse: true}; 
converter = converterFactory.createConverter(options);
converter.format(0.225);--> 0.22
converter.format(0.235);--> 0.24
converter.parse(0.225);--> 0.22
converter.parse(0.235);--> 0.24

Use custom decimal and grouping separators:

options = { style:'decimal', separators: {decimal: ',',  group: '.'}};
converter = converterFactory.createConverter(options);
var nb = 1234567.89; 
converter.format(nb);--> 1.234.567,89
converter.parse("1.234.567,89");--> 1234567.89

Disable lenient parse:

options = { style:'decimal',  lenientParse: 'none'}; 
converter = converterFactory.createConverter(options);
converter.parse("abc-123.45xyz");--> Error: Unparsable number abc-123.45xyz The expected number pattern is #,##0.###

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.
  • lenientParse: specifies if lenient parse is enabled or disabled. Allowed values: "full", "none". default is "full" which means lenient parse is enabled.
  • separators: - An object with 2 fields: 'decimal' and 'group'.
Type
Object