Run results for: Convert bytes to binary string

To use browser's atob() or btoa(), we need to convert between bytes and so-called "binary" string. This test convert bytes to "binary" string, for future calls of btoa(), i.e. encoding bytes (in the form of binary string) to base64.

Go to the benchmark

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:134.0) Gecko/20100101 Firefox/134.0

Browser: Firefox 134

Operating system: Windows

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
Array.from + join + fromCodePoint	342.1 Ops/sec
Array.from + join + fromCharCode	351.0 Ops/sec
Array.reduce + fromCodePoint	557.2 Ops/sec
Array.reduce + fromCharCode	558.2 Ops/sec
String concatenation + fromCodePoint	630.6 Ops/sec
String concatenation + fromCharCode	666.8 Ops/sec
Function.apply + Array.reduce+ fromCodePoint (chunked)	1899.9 Ops/sec
Function.apply + Array.reduce + fromCharCode (chunked)	2511.3 Ops/sec
Function.apply + String concatenation + fromCodePoint (chunked)	1989.4 Ops/sec
Function.apply + String concatenation + fromCharCode (chunked)	2319.7 Ops/sec
Function.apply + Array.reduce+ fromCodePoint (small chunks)	1124.8 Ops/sec
Function.apply + Array.reduce + fromCharCode (small chunks)	1212.9 Ops/sec
Function.apply + String concatenation + fromCodePoint (small chunks)	1116.3 Ops/sec
Function.apply + String concatenation + fromCharCode (small chunks)	1171.1 Ops/sec
utf-16 TextDecoder	3681.2 Ops/sec

Script Preparation code:

function get1024Bytes(n) {
  const bytes = new Uint8Array(n * 1024);
  for (let i = 0; i < bytes.length; i += 1) {
    bytes[i] = Math.random() * 0xff;
  }
  return bytes;
}

const bytes = get1024Bytes(128);

const utf16decoder = new TextDecoder('utf-16');

// An example result:
// const binString = Array.from(bytes, (byte) => String.fromCodePoint(byte)).join("");

Tests:

Array.from + join + fromCodePoint
return Array.from(bytes, (byte) => String.fromCodePoint(byte), ).join("");
Array.from + join + fromCharCode
return Array.from(bytes, (byte) => String.fromCharCode(byte), ).join("");
Array.reduce + fromCodePoint
return bytes.reduce((s, byte) => s + String.fromCodePoint(byte), "");
Array.reduce + fromCharCode
return bytes.reduce((s, byte) => s + String.fromCharCode(byte), "");
String concatenation + fromCodePoint
let s = ''; for (const byte of bytes) { s += String.fromCodePoint(byte); } return s;
String concatenation + fromCharCode
let s = ''; for (const byte of bytes) { s += String.fromCharCode(byte); } return s;
Function.apply + Array.reduce+ fromCodePoint (chunked)
const QUANTUM = 32768; const chunks = []; for (let i = 0; i < bytes.length; i += QUANTUM) { chunks.push(bytes.slice(i, i + QUANTUM)); } return chunks.reduce((s, i) => s + String.fromCodePoint.apply(null, i), '');
Function.apply + Array.reduce + fromCharCode (chunked)
const QUANTUM = 32768; const chunks = []; for (let i = 0; i < bytes.length; i += QUANTUM) { chunks.push(bytes.slice(i, i + QUANTUM)); } return chunks.reduce((s, i) => s + String.fromCharCode.apply(null, i), '');
Function.apply + String concatenation + fromCodePoint (chunked)
const QUANTUM = 32768; let s = ''; for (let i = 0; i < bytes.length; i += QUANTUM) { s += String.fromCodePoint.apply(null, bytes.slice(i, i + QUANTUM)); } return s;
Function.apply + String concatenation + fromCharCode (chunked)
const QUANTUM = 32768; let s = ''; for (let i = 0; i < bytes.length; i += QUANTUM) { s += String.fromCharCode.apply(null, bytes.slice(i, i + QUANTUM)); } return s;
Function.apply + Array.reduce+ fromCodePoint (small chunks)
const QUANTUM = 128; const chunks = []; for (let i = 0; i < bytes.length; i += QUANTUM) { chunks.push(bytes.slice(i, i + QUANTUM)); } return chunks.reduce((s, i) => s + String.fromCodePoint.apply(null, i), '');
Function.apply + Array.reduce + fromCharCode (small chunks)
const QUANTUM = 128; const chunks = []; for (let i = 0; i < bytes.length; i += QUANTUM) { chunks.push(bytes.slice(i, i + QUANTUM)); } return chunks.reduce((s, i) => s + String.fromCharCode.apply(null, i), '');
Function.apply + String concatenation + fromCodePoint (small chunks)
const QUANTUM = 128; let s = ''; for (let i = 0; i < bytes.length; i += QUANTUM) { s += String.fromCodePoint.apply(null, bytes.slice(i, i + QUANTUM)); } return s;
Function.apply + String concatenation + fromCharCode (small chunks)
const QUANTUM = 128; let s = ''; for (let i = 0; i < bytes.length; i += QUANTUM) { s += String.fromCharCode.apply(null, bytes.slice(i, i + QUANTUM)); } return s;
utf-16 TextDecoder
return utf16decoder.decode(new Uint16Array(bytes));

Run results for: Convert bytes to binary string

To use browser's atob() or btoa(), we need to convert between bytes and so-called "binary" string. This test convert bytes to "binary" string, for future calls of btoa(), i.e. encoding bytes (in the form of binary string) to base64.

Array.from + join + fromCodePoint

Array.from + join + fromCharCode

Array.reduce + fromCodePoint

Array.reduce + fromCharCode

String concatenation + fromCodePoint

String concatenation + fromCharCode

Function.apply + Array.reduce+ fromCodePoint (chunked)

Function.apply + Array.reduce + fromCharCode (chunked)

Function.apply + String concatenation + fromCodePoint (chunked)

Function.apply + String concatenation + fromCharCode (chunked)

Function.apply + Array.reduce+ fromCodePoint (small chunks)

Function.apply + Array.reduce + fromCharCode (small chunks)

Function.apply + String concatenation + fromCodePoint (small chunks)

Function.apply + String concatenation + fromCharCode (small chunks)

utf-16 TextDecoder