Run results for: Different method to write a TypedArray

Run details:

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

Browser: Firefox 144

Operating system: Windows

Device Platform: Desktop

Date tested: 9 months ago

For loop using set with TypedArray. Length 100

132K/s

For loop direct set. Length 10

125K/s

For loop from direct data. Length 100

93K/s

For loop from direct data. Length 10

80K/s

For loop using set with seperated array. Length 100

47K/s

For loop using TypedArray. Length 100

29K/s

For loop using set. Length 100

26K/s

For loop from copied data. Length 10

22K/s

For loop using set with seperated array. Length 10

21K/s

For loop using TypedArray. Length 10

20K/s

For loop using set with TypedArray. Length 10

19K/s

For loop using set. Length 10

17K/s

For loop from copied data. Length 100

15K/s

For loop with flat. Length10

10K/s

For loop with flat Length.100

10K/s

Set with flatted array. Length 10

10K/s

Set with flatted array. Length 100

10K/s

View exact numbers

Test name	Executions per second
✓ For loop using set with TypedArray. Length 100	132,248 Ops/sec
For loop direct set. Length 10	125,255 Ops/sec
For loop from direct data. Length 100	92,657 Ops/sec
For loop from direct data. Length 10	79,868 Ops/sec
For loop using set with seperated array. Length 100	47,415 Ops/sec
For loop using TypedArray. Length 100	28,626 Ops/sec
For loop using set. Length 100	25,916 Ops/sec
For loop from copied data. Length 10	22,301 Ops/sec
For loop using set with seperated array. Length 10	20,724 Ops/sec
For loop using TypedArray. Length 10	20,496 Ops/sec
For loop using set with TypedArray. Length 10	19,020 Ops/sec
For loop using set. Length 10	16,929 Ops/sec
For loop from copied data. Length 100	14,733 Ops/sec
For loop with flat. Length10	10,453 Ops/sec
For loop with flat Length.100	10,254 Ops/sec
Set with flatted array. Length 10	10,136 Ops/sec
Set with flatted array. Length 100	9,987 Ops/sec

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);