Benchmark: Different method to write a TypedArray

Different method to write a TypedArray (version: 2)

Comparing performance of: For loop from direct data. Length 10 vs For loop from copied data. Length 10 vs For loop with flat. Length10 vs For loop using TypedArray. Length 10 vs For loop using set. Length 10 vs For loop using set with seperated array. Length 10 vs For loop using set with TypedArray. Length 10 vs For loop direct set. Length 10 vs For loop from direct data. Length 100 vs For loop from copied data. Length 100 vs For loop with flat Length.100 vs For loop using TypedArray. Length 100 vs For loop using set. Length 100 vs For loop using set with seperated array. Length 100 vs For loop using set with TypedArray. Length 100 vs Set with flatted array. Length 10 vs Set with flatted array. Length 100

Created: 9 months ago by: Registered User

Go to the latest result

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const data = Array.from({ length: 1000 }, () => Array.from({ length: 10 }, () => Math.random()));
const data2 = Array.from({ length: 100 }, () => Array.from({ length: 100 }, () => Math.random()))

// We also need to take into account the overhead of creating arrays.
const createWholeArray = () => {
	const arr = new Array(1000);
  	data.forEach((v, i) => {
    	arr[i] = v.slice()
    });
  	return arr;
}

const createArray = (index) => {
	return data[index].slice();
}

const createTypedArray = (index) => {
	return new Float32Array(data[index]);
}

const createWholeArray2 = () => {
	const arr = new Array(100);
  	data.forEach((v, i) => {
    	arr[i] = v.slice();
    });
  	return arr;
}

const createArray2 = (index) => {
	return data2[index].slice();
}

const createTypedArray2 = (index) => {
	return new Float32Array(data[index]);
}

Tests:

For loop from direct data. Length 10
const arr = new Float32Array(10000); for (let i = 0; i < 1000; i++) { for (let j = 0; j < 10; j++) { arr[i * 10 + j] = data[i][j]; } }
For loop from copied data. Length 10
const arr = new Float32Array(10000); const copied = createWholeArray(); for (let i = 0; i < 1000; i++) { for (let j = 0; j < 10; j++) { arr[i * 10 + j] = copied[i][j]; } }
For loop with flat. Length10
const arr = new Float32Array(10000); const copied = createWholeArray().flat(); for (let i = 0; i < 10000; i++) { arr[i] = copied[i]; }
For loop using TypedArray. Length 10
const arr = new Float32Array(10000); for (let i = 0; i < 1000; i++) { const typed = createTypedArray(i); for (let j = 0; j < 10; j++) { arr[i * 10 + j] = typed[j]; } }
For loop using set. Length 10
const arr = new Float32Array(10000); const copied = createWholeArray(); for (let i = 0; i < 1000; i++) { arr.set(copied[i], i * 10); }
For loop using set with seperated array. Length 10
const arr = new Float32Array(10000); for (let i = 0; i < 1000; i++) { arr.set(createArray(i), i * 10); }
For loop using set with TypedArray. Length 10
const arr = new Float32Array(10000); for (let i = 0; i < 1000; i++) { arr.set(createTypedArray(i), i * 10); }
For loop direct set. Length 10
const arr = new Float32Array(10000); for (let i = 0; i < 1000; i++) { arr[i * 10] = data[i][0]; arr[i * 10 + 1] = data[i][1]; arr[i * 10 + 2] = data[i][2]; arr[i * 10 + 3] = data[i][3]; arr[i * 10 + 4] = data[i][4]; arr[i * 10 + 5] = data[i][5]; arr[i * 10 + 6] = data[i][6]; arr[i * 10 + 7] = data[i][7]; arr[i * 10 + 8] = data[i][8]; arr[i * 10 + 9] = data[i][9]; }
For loop from direct data. Length 100
const arr = new Float32Array(10000); for (let i = 0; i < 100; i++) { for (let j = 0; j < 100; j++) { arr[i * 100 + j] = data2[i][j]; } }
For loop from copied data. Length 100
const arr = new Float32Array(10000); const copied = createWholeArray2(); for (let i = 0; i < 100; i++) { for (let j = 0; j < 100; j++) { arr[i * 100 + j] = copied[i][j]; } }
For loop with flat Length.100
const arr = new Float32Array(10000); const copied = createWholeArray2().flat(); for (let i = 0; i < 10000; i++) { arr[i] = copied[i]; }
For loop using TypedArray. Length 100
const arr = new Float32Array(10000); for (let i = 0; i < 100; i++) { const typed = createTypedArray2(i); for (let j = 0; j < 100; j++) { arr[i * 100 + j] = typed[j]; } }
For loop using set. Length 100
const arr = new Float32Array(10000); const copied = createWholeArray2(); for (let i = 0; i < 100; i++) { arr.set(copied[i], i * 100); }
For loop using set with seperated array. Length 100
const arr = new Float32Array(10000); for (let i = 0; i < 100; i++) { arr.set(createArray2(i), i * 100); }
For loop using set with TypedArray. Length 100
const arr = new Float32Array(10000); for (let i = 0; i < 100; i++) { arr.set(createTypedArray2(i), i * 100); }
Set with flatted array. Length 10
const arr = new Float32Array(10000); const copied = createWholeArray().flat(); arr.set(copied, 0);
Set with flatted array. Length 100
const arr = new Float32Array(10000); const copied = createWholeArray2().flat(); arr.set(copied, 0);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
For loop from direct data. Length 10
For loop from copied data. Length 10
For loop with flat. Length10
For loop using TypedArray. Length 10
For loop using set. Length 10
For loop using set with seperated array. Length 10
For loop using set with TypedArray. Length 10
For loop direct set. Length 10
For loop from direct data. Length 100
For loop from copied data. Length 100
For loop with flat Length.100
For loop using TypedArray. Length 100
For loop using set. Length 100
For loop using set with seperated array. Length 100
For loop using set with TypedArray. Length 100
Set with flatted array. Length 10
Set with flatted array. Length 100

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 7 months ago)

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

Browser/OS: Firefox 146 on Windows

View result in a separate tab

For loop using set with TypedArray. Length 100

36K/s

For loop direct set. Length 10

36K/s

For loop from direct data. Length 100

26K/s

For loop from direct data. Length 10

19K/s

For loop using set with seperated array. Length 100

17K/s

For loop using TypedArray. Length 100

10K/s

For loop using set. Length 100

9K/s

For loop from copied data. Length 10

7K/s

For loop using set with seperated array. Length 10

6K/s

For loop using set with TypedArray. Length 10

6K/s

For loop from copied data. Length 100

5K/s

For loop using set. Length 10

4K/s

For loop with flat Length.100

4K/s

Set with flatted array. Length 100

4K/s

Set with flatted array. Length 10

4K/s

For loop using TypedArray. Length 10

4K/s

For loop with flat. Length10

3K/s

View exact numbers

Test name	Executions per second
✓ For loop using set with TypedArray. Length 100	35,593 Ops/sec
For loop direct set. Length 10	35,546 Ops/sec
For loop from direct data. Length 100	26,450 Ops/sec
For loop from direct data. Length 10	19,063 Ops/sec
For loop using set with seperated array. Length 100	16,772 Ops/sec
For loop using TypedArray. Length 100	9,652 Ops/sec
For loop using set. Length 100	9,344 Ops/sec
For loop from copied data. Length 10	7,275 Ops/sec
For loop using set with seperated array. Length 10	5,773 Ops/sec
For loop using set with TypedArray. Length 10	5,521 Ops/sec
For loop from copied data. Length 100	4,686 Ops/sec
For loop using set. Length 10	4,449 Ops/sec
For loop with flat Length.100	4,012 Ops/sec
Set with flatted array. Length 100	3,793 Ops/sec
Set with flatted array. Length 10	3,788 Ops/sec
For loop using TypedArray. Length 10	3,646 Ops/sec
For loop with flat. Length10	3,425 Ops/sec

Different method to write a TypedArray (version: 2)

Created: 9 months ago by: Registered User

Go to the latest result

For loop from direct data. Length 10

For loop from copied data. Length 10

For loop with flat. Length10

For loop using TypedArray. Length 10

For loop using set. Length 10

For loop using set with seperated array. Length 10

For loop using set with TypedArray. Length 10

For loop direct set. Length 10

For loop from direct data. Length 100

For loop from copied data. Length 100

For loop with flat Length.100

For loop using TypedArray. Length 100

For loop using set. Length 100

For loop using set with seperated array. Length 100

For loop using set with TypedArray. Length 100

Set with flatted array. Length 10

Set with flatted array. Length 100

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks