JavaScript dataView.setFloat32() Method

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

• Example:
  

javascript

<script>
var buffer = new ArrayBuffer(20);

var dataview1 = new DataView(buffer, 0, 10);

dataview1.setFloat32(1, 12.22);
document.write(dataview1.getFloat32(1));
</script>

• Output:
  

12.220000267028809

The dataView.setFloat32() is an inbuilt function in dataView which is used to store a signed 32-bit float value at the specified location i.e, at byte offset from the start of the dataView. 
Syntax:

dataView.setFloat32(byteOffset)

Parameters: It has parameter byteOffset which is offset in a byte and it says from the start of the view were to read the data.
Return value: This function does not return anything.
Example 1:

Input: dataview1.setFloat32(1, 56.24); 
Output: 56.2400016784668

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.24 at slot 1
   dataview1.setFloat32(1, 56.24);
   document.write(dataview1.getFloat32(1));

</script>

Output:

56.2400016784668

Code #2:
The below code sets the value of PI as Math.PI and gives the output as the value of PI. 

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 nothing as data is used to store then it gives the output as 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