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

JavaScript dataView.setFloat32() Method