Run results for: Assign once vs destructure twice

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Browser: Chrome 119

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Assignment

7.4M/s

Destructuring

3.7M/s

View exact numbers

Test name	Executions per second
✓ Assignment	7,372,260 Ops/sec
Destructuring	3,743,939 Ops/sec

Tests:

Assignment
const config = {a: 1, b: 2, item: {show: true}} const itemsToRender = Object.keys(config).filter((item) => config[item].show === true); const numItemsToRender = itemsToRender.length;
Destructuring
const config = {a: 1, b: 2, item: {show: true}} const {length: lengthOfItems} = Object.keys(config).filter((item) => config[item].show === true); const itemsToRender = Object.keys(config).filter((item) => config[item].show === true);