Itereren via JavaScript-objecteigenschappen

JavaScript-objectiteratie verkennen

JavaScript-objecten zijn van fundamenteel belang bij het opslaan en beheren van gegevens in sleutel-waardeparen. Wanneer u met deze objecten werkt, is het vaak nodig om hun eigenschappen te doorlopen om toegang te krijgen tot sleutels en waarden.

In deze zelfstudie leert u verschillende methoden voor het opsommen van eigenschappen in een JavaScript-object. Of u nu nieuw bent bij JavaScript of uw vaardigheden wilt verfijnen, het begrijpen van deze technieken is essentieel voor effectief coderen.

Inzicht in JavaScript-objectiteratietechnieken

De meegeleverde scripts bieden verschillende methoden om de eigenschappen van een JavaScript-object te doorlopen. Het eerste script gebruikt a for...in lus, die alle opsombare eigenschappen van een object herhaalt. Binnen deze lus wordt de hasOwnProperty() methode controleert of het object de opgegeven eigenschap als eigen eigenschap heeft, en zorgt ervoor dat overgenomen eigenschappen niet worden meegenomen. Deze methode is handig wanneer u bewerkingen moet uitvoeren op elke eigenschap van een object, zoals het vastleggen of wijzigen van waarden.

Het tweede script maakt gebruik van de Object.keys() methode, die een array van de eigen opsombare eigenschapsnamen van het object retourneert. De forEach() De methode wordt vervolgens gebruikt om deze array te herhalen, waardoor een eenvoudiger en beter leesbare aanpak wordt geboden in vergelijking met de for...in lus. Het derde script gebruikt Object.entries(), die een array van de eigen opsombare string-keyed eigenschap [key, value]-paren van het object retourneert. A for...of loop wordt gebruikt om deze paren te herhalen, wat een beknopte manier biedt om tegelijkertijd toegang te krijgen tot zowel sleutels als waarden.

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const key in p) {
  if (p.hasOwnProperty(key)) {
    console.log(key + ": " + p[key]);
  }
}

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
Object.keys(p).forEach(key => {
  console.log(key + ": " + p[key]);
});

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const [key, value] of Object.entries(p)) {
  console.log(key + ": " + value);
}

Geavanceerde technieken voor het herhalen van JavaScript-objecten

Naast de eerder besproken methoden is een andere nuttige techniek voor het herhalen van JavaScript-objecten het gebruik van de Object.values() methode. Deze methode retourneert een array met de eigen opsombare eigenschapswaarden van het object. Het is vooral handig als u alleen de waarden nodig heeft en niet de sleutels. Je kunt dan gebruiken forEach() of andere arraymethoden om deze waarden te verwerken. Deze methode vereenvoudigt scenario's waarin de sleutels niet relevant zijn voor de uit te voeren taak.

Een andere geavanceerde methode is het gebruik Reflect.ownKeys(), dat een array met alle eigenschappen retourneert, inclusief niet-opsombare eigenschappen en symbooleigenschappen. Deze methode is uitgebreider dan Object.keys() En Object.getOwnPropertyNames(). In combinatie met for...of, stelt het ontwikkelaars in staat om alle eigenschappen van een object op een uniforme manier te herhalen. Als u deze geavanceerde methoden begrijpt, breidt u uw gereedschapskist uit voor het omgaan met complexe objecten en zorgt u ervoor dat u effectief met een breed scala aan iteratiescenario's kunt omgaan.