Run results for: Ways to loop different depths of objects

Run details:

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: Chrome 133

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
More deeply nested	1154594.6 Ops/sec
Flatter	1259743.1 Ops/sec
functional	37385.8 Ops/sec

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)

Run results for: Ways to loop different depths of objects

More deeply nested

Flatter

functional