format-quantity

format-quantity

Formats a number (or string that appears to be a number) as one would see it written in imperial measurements, e.g. "1 1/2" instead of "1.5".

For the inverse operation, converting a string (which may include mixed numbers or vulgar fractions) to a number, check out numeric-quantity.

Installation

npm

npm i format-quantity

or

yarn add format-quantity

Browser

In the browser, available as a global function formatQuantity.

<script src="path/to/format-quantity.umd.js"></script>
<script>
  console.log(formatQuantity(10.5)); // "10 1/2"
</script>

Usage

import formatQuantity from 'format-quantity';

console.log(formatQuantity(1.5)); // "1 1/2"
console.log(formatQuantity(2.66)); // "2 2/3"

The return value will be null if the provided argument is not a number or a string that evaluates to a number using parseFloat. The return value will be an empty string ("") if the provided argument is 0 or "0" (this is done to fit the primary use case of recipe ingredients).

Changelog

[v0.5.0] - 2019-08-24

Changed

• Invalid inputs now return null instead of "-1".

Fixed

• Handles negative numbers properly.