GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • MDN
  • HTML: Markup language
  • Elements
  • Global attributes
  • Attributes
  • See all…
  • Responsive images
  • HTML cheatsheet
  • Date & time formats
  • See all…
  • SVG
  • MathML
  • XML
  • CSS: Styling language

This view

  • Original page
  • New address

GeezerVison is showing developer.mozilla.org — Float32Array - JavaScript | MDN

Float32Array

Baseline
Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

  • See full compatibility
  • Learn more

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

Constructor

Float32Array()

Creates a new Float32Array object.

Static properties

Also inherits static properties from its parent TypedArray.

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

Instance properties

Also inherits instance properties from its parent TypedArray.

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

Float32Array.prototype.BYTES_PER_ELEMENT

Returns a number value of the element size. 4 in the case of a Float32Array.

Float32Array.prototype.constructor

The constructor function that created the instance object. For Float32Array instances, the initial value is the Float32Array constructor.

Instance methods

Inherits instance methods from its parent TypedArray.

Examples

Different ways to create a Float32Array

js
// 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

Specification
ECMAScript® 2027 Language Specification
# sec-typedarray-objects

Browser compatibility

See also

  • Polyfill of Float32Array in core-js
  • JavaScript typed arrays guide
  • TypedArray
  • ArrayBuffer
  • DataView

Help improve MDN

Learn how to contribute

This page was last modified on Oct 26, 2026 by MDN contributors.

View this page on GitHub • Report a problem with this content
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.