Heim >Web-Frontend >js-Tutorial >Wie viele Eigenschaften hat ein JavaScript-Objekt?

Wie viele Eigenschaften hat ein JavaScript-Objekt?

Patricia Arquette
Patricia ArquetteOriginal
2024-12-26 06:28:30287Durchsuche

How Many Properties Does a JavaScript Object Have?

Zählen der Eigenschaften eines JavaScript-Objekts

In JavaScript dienen Objekte als Datenstrukturen zum Organisieren von Schlüssel-Wert-Paaren. Die Bestimmung der Anzahl der Eigenschaften in einem Objekt kann für verschiedene Szenarien von entscheidender Bedeutung sein, z. B. für das Durchlaufen der Eigenschaften oder die Überprüfung auf das Vorhandensein bestimmter Schlüssel.

Integrierter Ansatz (ES5 und höher)

Für Objekte, die in ES5- oder höheren Umgebungen erstellt wurden, umfasst ein moderner und prägnanter Ansatz die Verwendung der Object.keys()-Methode. Diese Methode gibt ein Array zurück, das die Schlüssel des Objekts enthält, und die Länge dieses Arrays liefert die Anzahl der Eigenschaften:

const obj = { name: "Gareth", age: 21 };
const propertyCount = Object.keys(obj).length;
console.log(propertyCount); // 2

Iterativer Ansatz

Vor ES5 gab es keine integrierte Methode zum Zählen von Objekteigenschaften. Sie könnten jedoch eine Schleife verwenden, um das Objekt manuell zu durchlaufen und die Schlüssel zu zählen:

const obj = { name: "Gareth", age: 21 };
let propertyCount = 0;
for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    propertyCount++;
  }
}
console.log(propertyCount); // 2

Überlegungen zu symbolischen Eigenschaften (ES6)

Mit der Einführung von Mit ES6 führte JavaScript symbolische Eigenschaften ein, bei denen es sich um eindeutige Bezeichner für Objektschlüssel handelt, auf die durch reguläre Eigenschafteniteration nicht zugegriffen werden kann. Um symbolische Eigenschaften zu zählen, müssen Sie Object.getOwnPropertySymbols():

const obj = { [Symbol("name")]: "Gareth" };
const propKeys = Object.keys(obj);
const symKeys = Object.getOwnPropertySymbols(obj);
const propertyCount = propKeys.length + symKeys.length;
console.log(propertyCount); // 1
verwenden

Das obige ist der detaillierte Inhalt vonWie viele Eigenschaften hat ein JavaScript-Objekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn