JavaScript Tutorial

This JavaScript tutorial is crafted for beginners to introduce them to the basics and advanced concepts of JavaScript. By the end of this guide, you'll reach a proficiency level that sets the stage for further growth. Aimed at empowering you to progress towards becoming a world-class software developer, this tutorial paves the way for a successful career in web development and beyond.

The Number Object
The JavaScript Number object represents numerical data as floating-point numbers. It contains different properties (constants) and methods for working on numbers. In general, you do not need to worry about Number objects because the browser automatically converts number literals to instances of the number class.
A JavaScript Number object can be defined using the Number constructor. Other types of data such as strings, etc., can be converted to numbers using Number() function.
A JavaScript number is always stored as a floating-point value (decimal number). JavaScript does not make a distinction between integer values and floating-point values. JavaScript represents numbers using the 64-bit floating-point format defined by the IEEE 754 standard. 
Syntax
The syntax for creating a number object is as follows
const val = new Number(number);
In the place of number, if you provide any non-number argument, then the argument cannot be converted into a number, it returns NaN (Not-a-Number).
We can also create the number primitives by assigning the numeric values to the variables
let num1 = 24;
let num2 = 35.65;
The JavaScript automatically converts the number primitive to the Number objects. So we can use all properties and methods of Number object on number primitives.
Number Properties
Here is a list of each property and their description.
Sr.No.
Property & Description
1
EPSILON
It represents the difference between 1 and the smallest floating point number greater than 1.
2
MAX_SAFE_INTEGER
It returns the maximum safe integer value.
3
﻿AI
The largest possible value a number in JavaScript can have 1.7976931348623157E+308.
4
MIN_SAFE_INTEGER
It returns the minimum safe integer value.
5
﻿AI
The smallest possible value a number in JavaScript can have 5E-324.
6
﻿AI
Equal to a value that is not a number.
7
﻿AI
A value that is less than MIN_VALUE.
8
﻿AI
A value that is greater than MAX_VALUE
9
﻿AI
A static property of the Number object. Use the prototype property to assign new properties and methods to the Number object in the current document
10
﻿AI
Returns the function that created this object's instance. By default this is the Number object.
Number Methods
The Number object contains only the default methods (instance and static methods) that are a part of every object's definition.
Instance Methods
Sr.No.
Method & Description
1
﻿AI
Forces a number to display in exponential notation, even if the number is in the range of standard notation.
2
﻿AI
Formats a number with a specific number of digits to the right of the decimal.
3
﻿AI
Returns a string value version of the current number in a format that may vary according to local settings.
4
﻿AI
Defines how many total digits (including digits to the left and right of the decimal) to display of a number.
5
﻿AI
Returns the string representation of the number's value.
6
﻿AI
Returns the number's value.
Static Methods
Sr.No.
Method & Description
1
﻿AI﻿
It checks whether the value is a valid number or not.
2
﻿AI﻿
It checks whether the number is finite.
3
﻿AI﻿
Returns Boolean when the number is an integer value.
4
﻿AI﻿
It ensures that the integer is a safe integer.
5
﻿AI﻿
Parses the float value from the string.
6
﻿AI﻿
Parses the integer value from the string.
Examples
Let's take a few examples to demonstrate the properties and methods of Number.
Example: Creating Number Object
In the example below, the num variable contains the number object having the value 20. In the output, you can see that type of the num variable is an object.
<html>
<body>
   <p id = "output"> </p>
   <script>
      const num = new Number(20);
      document.getElementById("output").innerHTML =  
      "num = " + num + "<br>" + 
      "typeof num : " + typeof num;
   </script>
</body>
</html>
Output
num = 20
typeof num : object
Example: Number Properties
In the example below, we have displayed some Number properties. You should try to print more properties.
<html>
<body>
<div id="output"></div>
   <script>
      document.getElementById("output").innerHTML =
      "Max Value : " + Number.MAX_VALUE + "<br>"
      +"Min Value : " + Number.MIN_VALUE + "<br>"
      +"Positive Infinity : " + Number.POSITIVE_INFINITY + "<br>"
      +"Negative Infinity : " + Number.NEGATIVE_INFINITY + "<br>"
      +"NaN : " + Number.NaN + "<br>";
   </script>
</body>
</html>
Output
Max Value : 1.7976931348623157e+308
Min Value : 5e-324
Positive Infinity : Infinity
Negative Infinity : -Infinity
NaN : NaN
Example: Number Methods
In the example below, we have used some properties of Number. You can try edit the program to use more methods.
<html>
<body>
<div id="output"></div>
   <script>
      const num = 877.5312
      document.getElementById("output").innerHTML =
      "num.toExponetial() is : " + num.toExponential()+ "<br>"
      +"num.toFixed() is : " + num.toFixed() + "<br>"
      +"num.toPrecision(2) is : " + num.toPrecision(2) + "<br>";
   </script>
</body>
</html>
Output
num.toExponetial() is : 8.775312e+2
num.toFixed() is : 878
num.toPrecision(2) is : 8.8e+2
JavaScript Number() Function
The Number() function converts the variable into a number. You can use it to change the data type of the variable.
let num = Number(val)
Here val is a variable or value to convert into a number. It doesn't create a number object instead it returns a primitive value.
Example
We passed the integer and string value to the Number() function in the example below. In the output, the code prints the numeric values. The type of the num2 variable is a number, as the Number() function returns the primitive number value.
<html>
<body>
   <p id = "output"> </p>
   <script>
      let num = Number(10);
      document.getElementById("output").innerHTML = 
      "num = " + num + "<br>" + 
	   "typeof num = " + typeof num;
   </script>
</body>
</html>
Output
num = 10
typeof num = number
Example: Converting Numeric Strings to Numbers
We can use the Number() function to convert numeric strings to numbers. Try the following example
<html>
<body>
   <p id = "output"> </p>
   <script>
      let str = "102.34";
      let num = Number(str);
      document.getElementById("output").innerHTML =
      "num = " + num + "<br>" +
      "typeof num = " + typeof num;
   </script>
</body>
</html>
Output
num = 102.34
typeof num = number
Try the above example with different numbers such as integers, floating point, octal, hexadecimal, etc.
﻿
﻿
﻿
﻿

Sr.No.	Method & Description
1	AI It checks whether the value is a valid number or not.
2	AI It checks whether the number is finite.
3	AI Returns Boolean when the number is an integer value.
4	AI It ensures that the integer is a safe integer.
5	AI Parses the float value from the string.
6	AI Parses the integer value from the string.

Sr.No.	Property & Description
1	EPSILON It represents the difference between 1 and the smallest floating point number greater than 1.
2	MAX_SAFE_INTEGER It returns the maximum safe integer value.
3	AI The largest possible value a number in JavaScript can have 1.7976931348623157E+308.
4	MIN_SAFE_INTEGER It returns the minimum safe integer value.
5	AI The smallest possible value a number in JavaScript can have 5E-324.
6	AI Equal to a value that is not a number.
7	AI A value that is less than MIN_VALUE.
8	AI A value that is greater than MAX_VALUE
9	AI A static property of the Number object. Use the prototype property to assign new properties and methods to the Number object in the current document
10	AI Returns the function that created this object's instance. By default this is the Number object.

Sr.No.	Method & Description
1	AI Forces a number to display in exponential notation, even if the number is in the range of standard notation.
2	AI Formats a number with a specific number of digits to the right of the decimal.
3	AI Returns a string value version of the current number in a format that may vary according to local settings.
4	AI Defines how many total digits (including digits to the left and right of the decimal) to display of a number.
5	AI Returns the string representation of the number's value.
6	AI Returns the number's value.

Javascript Basics

JavaScript Operators

JavaScript Control Flow

JavaScript Functions

JavaScript Objects

Object Oriented JavaScript

JavaScript Versions

JavaScript Cookies

JavaScript Browser BOM

JavaScript Web APIs

JavaScript Events

JavaScript Tutorial

The Number Object

Syntax

Number Properties

Number Methods

Instance Methods

Static Methods

Examples

Example: Creating Number Object

Output

Example: Number Properties

Output

Example: Number Methods

Output

JavaScript Number() Function

Example

Output

Example: Converting Numeric Strings to Numbers

Output