Object.entries în JavaScript

Obiecte ES2017

Transformă un obiect într-un tablou de perechi [cheie, valoare], ușor de parcurs.

Sintaxă
Object.entries(obiect)

Ce face Object.entries

Object.entries returnează un tablou în care fiecare element este o pereche [cheie, valoare]. Împreună cu for...of și destructurarea, este cea mai clară metodă de a parcurge un obiect.

Operația inversă este Object.fromEntries, care construiește un obiect dintr-un tablou de perechi.

Ce returnează

Un tablou de perechi [cheie, valoare].

Exemple

Exemplul 1: Parcurgerea unui obiect

const stoc = { mere: 40, pere: 0, prune: 15 };

for (const [fruct, kg] of Object.entries(stoc)) {
  console.log(`${fruct}: ${kg} kg`);
}

Rezultat

mere: 40 kg
pere: 0 kg
prune: 15 kg

Exemplul 2: Filtrarea unui obiect

const stoc = { mere: 40, pere: 0, prune: 15 };

const disponibile = Object.fromEntries(
  Object.entries(stoc).filter(([, kg]) => kg > 0)
);
console.log(disponibile);

Rezultat

{ mere: 40, prune: 15 }

Greșeli frecvente

  • Uiți că perechile sunt tablouri și scrii pereche.cheie. Cheia este pereche[0], valoarea pereche[1], sau le desfaci direct: const [cheie, valoare] = pereche.

Comenzi înrudite

  • Object.keys / Object.values: Returnează un tablou cu cheile sau cu valorile unui obiect.
  • for...of: Parcurge pe rând elementele unui tablou, ale unui șir sau ale altei colecții.
  • destructuring: Destructurarea: scoate valori din obiecte și tablouri direct în variabile.