JavaScript DataView.getFloat32() Method

Below is the example of the dataView.getFloat32() Method. 

• Example:
  

javascript

<script>
    var buffer = new ArrayBuffer(20);
    var dataview1 = new DataView(buffer, 0, 10);
    dataview1.setFloat32(1, 12.01);
    document.write(dataview1.getFloat32(1) + "<br>");
</script>

• Output:
  

12.010000228881836

The dataView.getFloat32() is an inbuilt function in dataView which is used to get a 32-bit float at the specified location i.e, at byte offset from the start of the dataView. The range of 32-bit floating-point number is form -3.4E+38 to +3.4E+38
Syntax:

dataView.getFloat32(byteOffset)

Parameters: It has parameter byteOffset which is offset in a byte and it says where to read the data from the beginning(start) of the view.
Return value: It returns 32-bit signed float number.
Example 1:

Input: dataview1.setFloat32(1, 56.34);
Output: 56.34000015258789

Example 2:

Input: dataview1.setFloat32(1, Math.PI);
Output: 3.1415927410125732

JavaScript code to show the working of this method:
Code #1:

javascript

<script>

    // Creating buffer with size in byte
    var buffer = new ArrayBuffer(20);

    // Creating a view
    var dataview1 = new DataView(buffer, 0, 10);

    // put the data 56.34 at slot 1
    dataview1.setFloat32(1, 56.34);
    document.write(dataview1.getFloat32(1) + "<br>");

</script>

Output:

56.34000015258789

Code #2: Not only float value but also a math function like Math.PI can be taken as the parameter of the function. 

javascript

<script>

    // Creating buffer with size in byte
    var buffer = new ArrayBuffer(20);

    // Creating a view with slot from o to 10
    var dataview1 = new DataView(buffer, 0, 10);

    // put the value of PI at slot 1
    dataview1.setFloat32(1, Math.PI);
    document.write(dataview1.getFloat32(1) + "<br>");

</script>

Output:

3.1415927410125732

Code #3: When there is no data to be stored, then it returns NaN i.e, not a number. 

javascript

<script>

    // Creating buffer with size in byte
    var buffer = new ArrayBuffer(20);

    // Creating a view
    var dataview1 = new DataView(buffer, 0, 10);

    // putting no data at slot 1
    dataview1.setFloat32(1);
    document.write(dataview1.getFloat32(1) + "<br>");

</script>

Output:

NaN

Supported Browsers:

• Google Chrome 9 and above
• Edge 12 and above
• Firefox 15 and above
• Internet Explorer 10 and above
• Opera 12.1 and above
• Safari 5.1 and above