Benchmark: Variable vs array with one item

Script Preparation code:

const variable = document.createElement("div")
const array = [document.createElement("div")]

function setVariable() {
	variable.setAttribute("style", `transform: translate3d(${Math.random()}px, ${Math.random()}px, ${Math.random()}px)`)
}

function setArray() {
	array.forEach((elem)=>{ elem.setAttribute("style", `transform: translate3d(${Math.random()}px, ${Math.random()}px, ${Math.random()}px)`) })
}

Tests:

Single element in variable
setVariable()
Single element in array
setArray()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Single element in variable
Single element in array

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Browser/OS: Chrome 133 on Linux

View result in a separate tab

Test name	Executions per second
Single element in variable	930289.1 Ops/sec
Single element in array	952574.5 Ops/sec

Related benchmarks:

Variable vs array with one item (version: 1)

Testing the performance impact of an array when it only contains one item

Comparing performance of: Single element in variable vs Single element in array

Created: one year ago by: Registered User

Jump to the latest result

Single element in variable

Single element in array

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A