Benchmark: Ways to loop different depths of objects

HTML Preparation code:

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

Script Preparation code:

let nestedObject = {
  start: 123123123123,
  end: 123123123123,
  slots: [],
  score: 123,
};

let flatterObject = {
  ...nestedObject,
  scores: [],
};

const slots = 336; // 7 * 24 * 2;

for (var i = 0; i < slots; i++) {
  nestedObject.slots.push({
    index: i,
    start: i * 30,
    end: i * 30 + 30,
    scores: {
      scoreA: Math.round(i % 7),
      scoreB: Math.round(i % 3),
      scoreC: Math.round(i % 43),
      scoreD: Math.round(i % 5),
      scoreE: Math.round(i % 82),
      scoreF: Math.round(i % 12),
      scoreG: Math.round(i % 42),
    },
    score: Math.round((i % 43) + (i % 5) + (i % 82) + (i % 12) + (i % 42)),
  });

  flatterObject.slots.push({
    index: i,
    start: i * 30,
    end: i * 30 + 30,
    scores: {
      scoreA: Math.round(i % 7),
      scoreB: Math.round(i % 3),
      scoreC: Math.round(i % 43),
      scoreD: Math.round(i % 5),
      scoreE: Math.round(i % 82),
      scoreF: Math.round(i % 12),
      scoreG: Math.round(i % 42),
    },
    score: Math.round((i % 43) + (i % 5) + (i % 82) + (i % 12) + (i % 42)),
  });
  flatterObject.scores.push(Math.round((i % 43) + (i % 5) + (i % 82) + (i % 12) + (i % 42)));
}

Tests:

More deeply nested
let finalScore = 0; for (var i = 0; i < 336; i++) { if (nestedObject.slots[i].score > 90) { continue; } finalScore += nestedObject.slots[i].score; }
Flatter
let finalScore = 0; for (var i = 0; i < 336; i++) { if (flatterObject.scores[i] > 90) { continue; } finalScore += flatterObject.scores[i]; }
functional
nestedObject.slots.filter(slot => slot <= 90).reduce((acc, slot) => acc + slot.score, 0)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
More deeply nested
Flatter
functional

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 133 on Mac OS X 10.15.7

View result in a separate tab

Flatter

1.3M/s

More deeply nested

1.2M/s

functional

37K/s

View exact numbers

Test name	Executions per second
✓ Flatter	1,259,743 Ops/sec
More deeply nested	1,154,595 Ops/sec
functional	37,386 Ops/sec

Ways to loop different depths of objects (version: 1)

Comparing performance of: `More deeply nested vs Flatter vs functional`

Created: one year ago by: Registered User

Go to the latest result

More deeply nested

Flatter

functional

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Ways to loop different depths of objects (version: 1)

Comparing performance of: More deeply nested vs Flatter vs functional

Created: one year ago by: Registered User

Go to the latest result

More deeply nested

Flatter

functional

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Comparing performance of: `More deeply nested vs Flatter vs functional`