JS: Verschränkte Objekt-Struktur mit Objekten teilw. befüllen

Anon-81275

Wieder Kurioses aus der ~~Zauber~~ Web-Ecke...

let rootObj = {};
let nestedObj = {};
let data = [{ eins: 1 }, { zwei: 2 }, { drei: 3 }];
for (let key in data) {
  let value = data[key];
  switch (key) {
    case 'eins':
    case 'drei':
      nestedObj[key] = value;
      break;
    default:
      break;
  }
}
rootObj['child1'] = nestedObj;
console.log(rootObj);

Eigentlich sollte:

{
  child1: {
    drei: 3,
    eins: 1
  }
}

ausgegeben werden (oder erst eins, dann drei, egal)... Die aktuelle Ausgabe ist jedoch:

{
  child1: { ... }
}

Habe lange gebraucht, bis mir das Verhalten aufgefallen ist, die KI sagte, es sei alles ok... Was mache ich falsch, wie geht das in JS?

Ich erwarte keine kanonische Antwort (bzw. Lösung), eine educated guess würde mir schon genügen.