Liste der Objekteigenschaften in JavaScript

1. Auflisten der Eigenschaften eines Objekts mit der for...in-Schleife in JavaScript
2. Auflisten der Eigenschaften eines Objekts mit der Funktion Object.keys() in JavaScript
3. Listen Sie die Eigenschaften eines Objekts mit Object.getOwnPropertyNames() in JavaScript auf

JavaScript bietet verschiedene Methoden, um mit Objekten wie Object.values() und Object.prototype.valueOf() zu arbeiten, um mit Objektwerten, Object.keys() und Object.prototype.hasOwnProperty() zu arbeiten mit Objektschlüsseln arbeiten.

Der Benutzer kann jede Aktion für Objektschlüssel und -eigenschaften ausführen. Dieses Tutorial erklärt das Auflisten von Objekteigenschaften mit der Schleife for...in, Object.getOwnPropertyNames() und der Funktion Object.keys() in JavaScript.

Auflisten der Eigenschaften eines Objekts mit der for...in-Schleife in JavaScript

Um die Eigenschaften eines Objekts aufzulisten, können Sie die for...in-Schleife in JavaScript verwenden. Die for...in-Schleife iteriert über die aufzählbaren Eigenschaften eines Objekts.

Dies sind Eigenschaften eines Objekts, dessen enumerable-Flag auf true gesetzt ist. Dazu gehören geerbte aufzählbare Eigenschaften. Diese Schleife ignoriert jedoch die nicht aufzählbaren Eigenschaften, deren enumerable-Flag auf false gesetzt ist.

Lassen Sie uns zum Beispiel ein Objekt mit drei Eigenschaften erstellen und es mit der for...in-Schleife auflisten. Siehe Code unten.

Syntax:

for (variable in object) {
  statement
}

Diese Funktion iteriert das Objekt, und der variable wird bei jeder Iteration ein anderer Eigenschaftsname zugewiesen. Diese Methode extrahiert nur aufzählbare Eigenschaften aus einem Objekt.

Für weitere Informationen lesen Sie mehr über die for...in-Methode.

const inputObject = {
  id: 42,
  name: 'John Doe',
  address: {city: 'Mumbai', country: 'India'}
};
for (const property in inputObject) {
  console.log(property);
}

Im obigen Beispielcodeblock haben wir drei Eigenschaften eines Objekts id, name und address definiert. Wenn Sie das inputObject iterieren, werden alle Eigenschaften im inputObject überprüft.

Die Ausgabe des obigen Codeblocks sieht wie die unten gezeigte aus.

Ausgabe:

id
name
address

Auflisten der Eigenschaften eines Objekts mit der Funktion Object.keys() in JavaScript

Dies ist eine von JavaScript bereitgestellte integrierte Methode, die verwendet wird, um die Eigenschaften oder Schlüssel eines Objekts zu extrahieren. Es iteriert das Objekt und gibt ein Array aufzählbarer Eigenschaften zurück.

Nicht aufzählbare Eigenschaften sind Eigenschaften von Objekten, die nicht in der Schleife auftauchen, wenn das jeweilige Objekt mit Object.keys() oder for ...in in der Schleife übergeben wird.

Syntax:

Object.keys(object);

Diese Funktion nimmt ein Object als Eingabe und ist ein obligatorischer Parameter. Diese Methode extrahiert nur aufzählbare Eigenschaften aus einem Object.

Für weitere Informationen lesen Sie mehr über die keys-Methode.

const inputObject = {
  id: 42,
  name: 'John Doe',
  address: {city: 'Mumbai', country: 'India'}
};

Object.defineProperty(
    inputObject, 'salary', {value: '30,000$', enumerable: false})

console.log(Object.keys(inputObject));

Im vorherigen Beispiel haben wir drei Eigenschaften eines Objekts ID, name und address definiert. Wenn Sie inputObject übergeben, werden alle Eigenschaften des inputObject überprüft.

Die Ausgabe des obigen Codeblocks sieht wie die unten gezeigte aus.

Ausgabe:

["id", "name", "address"]

Listen Sie die Eigenschaften eines Objekts mit Object.getOwnPropertyNames() in JavaScript auf

Dies ist eine integrierte Methode, die von JavaScript bereitgestellt wird und zum Extrahieren der Eigenschaften oder Schlüssel eines Objekts verwendet wird. Es iteriert das Objekt und gibt ein Array von Eigenschaften zurück, einschließlich nicht aufzählbarer Eigenschaften.

Syntax:

Object.getOwnPropertyNames(object);

Diese Funktion nimmt einen obligatorischen Parameter Objekt als Eingabe. Diese Methode extrahiert nur die aufzählbaren und nicht aufzählbaren Eigenschaften eines Objekts und nicht die Werte.

Für weitere Informationen lesen Sie mehr über die Methode getOwnPropertyNames.

Der Hauptunterschied zwischen getOwnPropertyNames() und Object.keys() besteht darin, dass getOwnPropertyName() sowohl die aufzählbaren als auch die nicht aufzählbaren Eigenschaften zurückgibt. Während Object.keys() nur aufzählbare Schlüssel zurückgibt.

Nicht aufzählbare Eigenschaften können mit Object.defineProperty erstellt werden. Ein enumerable-Flag wird auf true gesetzt, wenn der Eigenschaftsinitialisierer Eigenschaften initialisiert.

Mit der Methode propertyIsEnumerable() können Sie prüfen, ob ein Objekt aufzählbare oder nicht aufzählbare Eigenschaften enthält.

const inputObject = {
  id: 42,
  name: 'John Doe',
  address: {city: 'Mumbai', country: 'India'}
};

Object.defineProperty(
    inputObject, 'salary', {value: '30,000$', enumerable: false})

console.log(Object.getOwnPropertyNames(inputObject));

Im vorherigen Beispiel haben wir drei Eigenschaften eines Objekts ID, name und address definiert. Wenn Sie inputObject übergeben, werden alle Eigenschaften und nicht aufzählbaren Eigenschaften des inputObject überprüft.

Die Ausgabe des obigen Codeblocks sieht wie die unten gezeigte aus.

Ausgabe:

["id", "name", "address", "salary"]