JAVASCRIPT NUMBER

The Number is a primitive data type. In javascript, the Number represents all numerical values like integer, float, exponential, etc.

The javascript Number is always stored in double-precision floating-point numbers means it can store both integral and fractional values.

There are two ways to define numbers in javascript:

1. Number literals
2. Number Constructor

Generally, browsers automatically convert Number literals to instances of Number class.

const num1 = 15; // literal
const num2 = 12.55; // literal
const num3 = Number(15); // constructor
const num4 = Number(12.55); // constructor
console.log(num1, typeof num1);
console.log(num2, typeof num2);
console.log(num3, typeof num3);
console.log(num4, typeof num4);

Creating Javascript Number Using Constructor

To create a number using number constructor use Number() as function/constructor and pass the number as an argument. Example Number(20), Number(35.5) etc.

const num1 = Number(15);
const num2 = Number(12.55);
const num3 = Number(500);
console.log(num1, typeof num1);
console.log(num2, typeof num2);
console.log(num3, typeof num3);

Ways to write a number in Javascript

Generally, there are three ways of writing a number in javascript.

1. Decimal method
2. Exponential method
3. Other Number System

1. Decimal Method

The number system that we use in our daily life is the decimal number system. Numbers in decimal number system ranges from 0-9. Defining numbers using a combination of 0-9 is a decimal number.

const num1 = 50;
const num2 = 12.54;
console.log(num1, num2);

2. Exponential Method

While writing numbers like 1 billion or 1 trillion in numbers we would have to write like 100000000 and 10000000000 respectively, which is very inconvenient.

Javascript provides a method to write such numbers in an easier manner. We can shorten the number by appending "e" to the number and then specifying the number of 0's after it. Example, 1000 can be written as 1e3, 0.002 as 2e-3, 50000 as 5e4 etc. This is the exponential method of writing numbers.

const num1 = 23e2;
const num2 = 1e7;
const num3 = 123456e-3;
const num4 = 0.00234e10;
const num5 = 99545e-9;
console.log(num1, num2, num3, num4, num5);

3. Other Number System

There exist other number systems apart from decimal number system like binary, octal, hexadecimal, etc.

hexadecimal numbers are widely used in the hex color system.

The hexadecimal number is defined by suffix 0x in the number. example 0xff, 0x25 etc.

const num1 = 0xff;
const num2 = 0xFF; // case doent't matter -- 255
const num3 = Number(0x22);
const num4 = Number(0x1e2);
console.log(num1, num2, num3, num4);

Binary numbers includes only 2 differenet numbers, 0's and 1's. It is defined by adding suffix 0b in the number. example 0b1010, 0x11 etc.

const num1 = 0b1111;
const num2 = 0b1010;
const num3 = Number(0b1000001);
const num4 = Number(0b111110001);
console.log(num1, num2, num3, num4);

Octal numbers includes 8 different digits in their numbers 0,1,2,3,4,5,6 and 7. It is defined by adding suffix 0o in the number. example 0o45, 0o22 etc.

const num1 = 0o7;
const num2 = 0o45;
const num3 = Number(0o30);
const num4 = Number(0o255);
console.log(num1, num2, num3, num4);

Javascript Number Properties

Number is a global object in javascript, it has many properties.

All the properties of Number are static like properties of math.

console.log(Number.EPSILON);
console.log(Number.MAX_VALUE);
console.log(Number.MAX_SAFE_INTEGER);
console.log(Number.MIN_VALUE);
console.log(Number.MIN_SAFE_INTEGER);
console.log(Number.NaN);
console.log(Number.NEGATIVE_INFINITY);
console.log(Number.POSITIVE_INFINITY);

Javascript Number methods

Number methods in javascript helps us to work with numbers. Primitive value such as 2, 18, etc can't have properties and methods but when we call methods on these values javascript treats it as an object.

1. isNaN()
2. isFinite()
3. isInteger()
4. isSafeInteger()
5. parseFloat()
6. parseInt()
7. toExponential()
8. toFixed()
9. toLocalString()
10. toPrecision()
11. toString()
12. valueOf()

1. isNaN In Javascript

The isNaN() method is a global function which determines whether the given value is NaN (Not A Number) or not. If passed value is NaN then it returns true else returns false.

You can alternatively also use Number.isNaN.

Why do we need the isNaN method?

Unlike other values in javascript, we can't compare a NaN value with another NaN. Since both NaN == NaN and NaN === NaN are false. Hence, we need the isNaN method to check whether a number is NaN or not.

console.log(isNaN(NaN));
console.log(isNaN(10));
console.log(isNaN("abc"));
console.log(isNaN());

2. isFinite In Javascript

The isFinite() method is a global function which determines whether the given value is a finite number or not. The passed value is also converted to a number if it is possible.

If passed value is either NaN, positive infinity or negative infinity then this method returns false else return true.

console.log(isFinite(100));
console.log(isFinite(1000));
console.log(isFinite("abc"));
console.log(isFinite("20"));
console.log(isFinite(NaN));
console.log(isFinite(Infinity));
console.log(isFinite(-Infinity));

3. isInteger In Javascript

The isInteger() method determines whether the given value is an integer or not.

If passed value is either NaN, positive infinity or negative infinity then this method returns false and returns true for numbers.

console.log(Number.isInteger(10));
console.log(Number.isInteger(Math.PI));
console.log(Number.isInteger(22.15));
console.log(Number.isInteger(-25));
console.log(Number.isInteger(true));
console.log(Number.isInteger(NaN));
console.log(Number.isInteger(Infinity));
console.log(Number.isInteger(-Infinity));

4. isSafeInteger In Javascript

The isSafeInteger() method determines whether the given value is a safe integer or not.

A safe integer is a number that can be exactly represented as an IEEE-754 double-precision number ie. all integer from -(2⁵³ - 1) to (2⁵³ - 1).

The isSafeInteger() method returns true if the value is of type Number and is a safe integer.

console.log(Number.isSafeInteger(10));
console.log(Number.isSafeInteger(Math.PI));
console.log(Number.isSafeInteger(Math.pow(2, 53) - 1));
console.log(Number.isSafeInteger(-(Math.pow(2, 53) - 1)));
console.log(Number.isSafeInteger(Math.pow(2, 53)));
console.log(Number.isSafeInteger(NaN));
console.log(Number.isSafeInteger(Infinity));

5. parseFloat In Javascript

The Number.parseFloat() or parseFloat() method parses an argument and returns a floating-point number. If the number can't be parsed then it returns NaN.

You can use it to take out numerial values from real life units like "55kg", "120px", "220km", etc.

If the first character can not be converted to a number then it returns NaN.

console.log(parseFloat("55kg"));
console.log(parseFloat("125.55px"));
console.log(parseFloat("abc"));

6. parseInt In Javascript

The Number.parseInt() or parseInt() method is same as parseFloat method but it only extracts integer value from the passed value.

parseInt also accepts an optional argument which is radix (the base in mathematical number system).

If the first character can not be converted to a number then it returns NaN.

console.log(parseInt("55kg"));
console.log(parseInt(127.0234));
console.log(parseInt("a100"));

7. toExponential Method In Javascript

The Number.toExponential() method converts numbers into exponential notation and returns it as a string.

This method accepts an optional argument which an integer which specify the number of digit after decimal value.

const num1 = 53455;
const num2 = 8362926;
console.log(num1.toExponential());
console.log(num2.toExponential(5));
console.log(Number.parseInt(3929).toExponential());

8. toFixed Method In Javascript

The Number.toFixed() method in javascript formats the passed number using fixed-point notation. It is used to format a number with any specific numbers of digits.

Number.toFixed() method has a number argument which specifies the number of digits after decimal point

This method round of number as in maths.

const num1 = 5.3455;
const num2 = 8.36499;
console.log(num1.toFixed());
console.log(num2.toFixed(2));
console.log(Number.parseFloat(3.929).toFixed(2));

9. toLocaleString Method In Javascript

The Number.toLocaleString() method converts a Date object to a string using locale conventions.

It accepts an argument called locale used to get locale date for the country. Example en-AU (Australian English), en-IN (Indian English), bn-IN (Bangla India), etc.

const today = new Date();
console.log(today.toLocaleString('en-AU'));
console.log(today.toLocaleString('en-IN'));
console.log(today.toLocaleString('bn-IN'));

10. toPrecision Method In Javascript

The Number.toPrecision() method change number's precise value up to the passed number and return the number as a string. Example: 125000's precision is 3.

This method accepts a number as an argument which defines precision.

const num1 = 123456;
const num2 = 34.52353;
console.log(num1.toPrecision(3));
console.log(num2.toPrecision(4));

11. toString Method In Javascript

The Number.toString() method returns a string representing the number which invoked it.

This method accepts an optional argument which represents the base of the number system. If you pass 2 then the number will be converted to binary format and returned as a string. Its default value is 10.

const num1 = 100;
const num2 = 8;
console.log(num1.toString(16));
console.log(num1.toString(8));
console.log(num2.toString(2));

12. valueOf Method In Javascript

The Number.valueOf() method returns a primitive number for the specified object.

const num1 = new Number(25);
console.log(num1.valueOf());
console.log(typeof num1.valueOf(), typeof num1);

More Learning

Want to learn more about programming and web development? We have a few recommendations for you.