Float16Array in JavaScript

Understanding the new 16-bit floating point array in JavaScript

Trevor I. Lasn Trevor I. Lasn
· 2 min read
Building 0xinsider.com — see who's winning across prediction markets (Polymarket, Kalshi, and more) — and what they're trading right now.

Float16Array is a new type of array in JavaScript that stores 16-bit (2-byte) floating point numbers. It joins the existing family of TypedArrays like Int8Array, Uint8Array, Float32Array, and Float64Array

If you’ve never used TypedArrays before, think of them as specialized arrays that can only contain specific types of numbers.

Unlike regular JavaScript arrays that can mix strings, objects, and numbers, TypedArrays are fixed-size, memory-efficient arrays dedicated to numeric data.

Here’s how you’d create and use a Float16Array

JavaScript
// Create a Float16Array with 4 elements
const myArray = new Float16Array(4);
myArray[0] = 1.5;
myArray[1] = 42.0;
myArray[2] = 0.333;
myArray[3] = -27.5;
console.log(myArray); // Float16Array [1.5, 42, 0.3330078125, -27.5]

Notice something interesting with the third value? 0.333 became 0.3330078125. This happens because 16-bit floating point numbers have limited precision compared to JavaScript’s standard 64-bit numbers.

You might wonder: “We already have Float32Array and Float64Array, so why do we need a 16-bit version?”

The answer comes down to three things: memory, performance, and compatibility.

TypedArrayElement TypeBytes Per ElementDescriptionValue RangePrecision
Float16Array16-bit float216-bit IEEE floating point±65,504~3 decimal digits
Float32Array32-bit float432-bit IEEE floating point±3.4×10^38~7 decimal digits
Float64Array64-bit float864-bit IEEE floating point±1.8×10^308~15 decimal digits

A Float16Array uses half the memory of a Float32Array. If you’re working with large datasets, this can make a significant difference.

For applications processing millions of values, this memory saving can be crucial. In certain contexts, especially with GPU-accelerated computing, 16-bit floats can be processed more efficiently than 32-bit or 64-bit numbers. Newer GPUs often have specialized hardware for handling 16-bit floating point math, making operations potentially faster.

References


Trevor I. Lasn

Building 0xinsider.com — see who's winning across prediction markets (Polymarket, Kalshi, and more) — and what they're trading right now. Product engineer based in Tartu, Estonia, building and shipping for over a decade.


Found this article helpful? You might enjoy my free newsletter. I share dev tips and insights to help you grow your coding skills and advance your tech career.


Related Articles

Check out these related articles that might be useful for you. They cover similar topics and provide additional insights.

Javascript
4 min read

Intl.DurationFormat: Format Time Durations with Locale Support

Stop writing manual duration formatting code. Instead, leverage the new powerful Intl.DurationFormat API for internationalized time displays

Mar 13, 2025
Read article
Javascript
3 min read

navigator.clipboard - The Asynchronous Clipboard API in JavaScript

Copy and paste text, images, and files using the new navigator.clipboard API

Dec 7, 2024
Read article
Javascript
6 min read

setImmediate() vs setTimeout(0) in Node.js: What's the Difference?

setImmediate runs after I/O, setTimeout(0) runs after the timer phase. Here's when to use each, with event loop diagrams.

Sep 8, 2024
Read article
Javascript
4 min read

Understanding Bitwise Shifts in JavaScript: << and >>

A practical guide to left and right shift operators in JavaScript

Nov 12, 2024
Read article
Javascript
3 min read

JavaScript's ??= Operator: Default Values Made Simple

A guide to using ??= in JavaScript to handle null and undefined values elegantly

Nov 5, 2024
Read article
Javascript
7 min read

JavaScript Truthy and Falsy Values: Complete Reference

All 8 falsy values in JavaScript explained with examples. Common pitfalls with 0, empty strings, NaN, and how type coercion actually works.

Oct 27, 2024
Read article
Javascript
7 min read

JavaScript Operators: '||' vs '&&' vs '??'

Master JavaScript logical operators with practical examples and best practices

Oct 26, 2024
Read article
Javascript
6 min read

AggregateError in JavaScript

Handle multiple errors at once

Sep 2, 2024
Read article
Javascript
6 min read

Understanding JavaScript Closures With Examples

Closures are essential for creating functions that maintain state, without relying on global variables.

Sep 6, 2024
Read article

This article was originally published on https://www.trevorlasn.com/blog/float16array-javascript. It was written by a human and polished using grammar tools for clarity.