Float32Array

The Float32Array typed array represents an array of 32-bit floating point numbers in the platform byte order. If control over byte order is needed, use {{jsxref("DataView")}} instead. The contents are initialized to 0 unless initialization data is explicitly provided. Once established, you can reference elements in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).

Float32Array is a subclass of the hidden {{jsxref("TypedArray")}} class.

Constructor#

• {{jsxref("Float32Array/Float32Array", "Float32Array()")}}
• : Creates a new Float32Array object.

Static properties#

Also inherits static properties from its parent {{jsxref("TypedArray")}}.

• {{jsxref("TypedArray/BYTES_PER_ELEMENT", "Float32Array.BYTES_PER_ELEMENT")}}
• : Returns a number value of the element size. 4 in the case of Float32Array.

Static methods#

Inherits static methods from its parent {{jsxref("TypedArray")}}.

Instance properties#

Also inherits instance properties from its parent {{jsxref("TypedArray")}}.

These properties are defined on Float32Array.prototype and shared by all Float32Array instances.

• {{jsxref("TypedArray/BYTES_PER_ELEMENT", "Float32Array.prototype.BYTES_PER_ELEMENT")}}
• : Returns a number value of the element size. 4 in the case of a Float32Array.
• {{jsxref("Object/constructor", "Float32Array.prototype.constructor")}}
• : The constructor function that created the instance object. For Float32Array instances, the initial value is the {{jsxref("Float32Array/Float32Array", "Float32Array")}} constructor.

Instance methods#

Inherits instance methods from its parent {{jsxref("TypedArray")}}.

Examples#

Different ways to create a Float32Array#

// From a length
const float32 = new Float32Array(2);
float32[0] = 42;
console.log(float32[0]); // 42
console.log(float32.length); // 2
console.log(float32.BYTES_PER_ELEMENT); // 4

// From an array
const x = new Float32Array([21, 31]);
console.log(x[1]); // 31

// From another TypedArray
const y = new Float32Array(x);
console.log(y[0]); // 21

// From an ArrayBuffer
const buffer = new ArrayBuffer(32);
const z = new Float32Array(buffer, 4, 4);
console.log(z.byteOffset); // 4

// From an iterable
const iterable = (function* () {
  yield* [1, 2, 3];
})();
const float32FromIterable = new Float32Array(iterable);
console.log(float32FromIterable);
// Float32Array [1, 2, 3]

Specifications#

{{Specifications}}

Browser compatibility#

{{Compat}}

See also#

• Polyfill of Float32Array in core-js
• JavaScript typed arrays guide
• {{jsxref("TypedArray")}}
• {{jsxref("ArrayBuffer")}}
• {{jsxref("DataView")}}