JavaScript dataView.setFloat32() Method

Last Updated : 16 Sep, 2020

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

Example:

<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:

<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.

<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.

<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
Internet Explorer
Firefox
Apple Safari
Opera

My Personal Notes

Related Articles