Object.getOwnPropertyNames()

obj

Das Objekt, dessen aufzählbare und nicht aufzählbare Eigenschaften zurückgegeben werden sollen.

Ein Array von Zeichenfolgen, das den direkt im gegebenen Objekt gefundenen Eigenschaften entspricht.

Object.getOwnPropertyNames() gibt ein Array zurück, dessen Elemente Zeichenfolgen sind, die den aufzählbaren und nicht aufzählbaren Eigenschaften entsprechen, die direkt in einem gegebenen Objekt obj gefunden werden. Die Reihenfolge der aufzählbaren Eigenschaften im Array entspricht der Reihenfolge, die von einer for...in Schleife (oder von Object.keys()) über die Eigenschaften des Objekts offengelegt wird. Die nicht-negativen Ganzzahlenschlüssel des Objekts (sowohl aufzählbare als auch nicht aufzählbare) werden zuerst in aufsteigender Reihenfolge dem Array hinzugefügt, gefolgt von den Zeichenfolgenschlüsseln in der Reihenfolge der Einfügung.

In ES5, wenn das Argument dieser Methode kein Objekt ist (ein primitiver Wert), wird es einen TypeError verursachen. In ES2015 wird ein Nicht-Objekt-Argument in ein Objekt umgewandelt.

Object.getOwnPropertyNames("foo");
// TypeError: "foo" is not an object (ES5 code)

Object.getOwnPropertyNames("foo");
// ["0", "1", "2", "length"]  (ES2015 code)

const arr = ["a", "b", "c"];
console.log(Object.getOwnPropertyNames(arr).sort());
// ["0", "1", "2", "length"]

// Array-like object
const obj = { 0: "a", 1: "b", 2: "c" };
console.log(Object.getOwnPropertyNames(obj).sort());
// ["0", "1", "2"]

Object.getOwnPropertyNames(obj).forEach((val, idx, array) => {
  console.log(`${val} -> ${obj[val]}`);
});
// 0 -> a
// 1 -> b
// 2 -> c

// non-enumerable property
const myObj = Object.create(
  {},
  {
    getFoo: {
      value() {
        return this.foo;
      },
      enumerable: false,
    },
  },
);
myObj.foo = 1;

console.log(Object.getOwnPropertyNames(myObj).sort()); // ["foo", "getFoo"]

Wenn Sie nur die aufzählbaren Eigenschaften wünschen, sehen Sie Object.keys() oder verwenden Sie eine for...in Schleife (beachten Sie, dass dies auch aufzählbare Eigenschaften entlang der Prototyp-Kette für das Objekt zurückgibt, es sei denn, letztere wird mit Object.hasOwn() herausgefiltert).

Elemente auf der Prototyp-Kette werden nicht aufgelistet:

function ParentClass() {}
ParentClass.prototype.inheritedMethod = function () {};

function ChildClass() {
  this.prop = 5;
  this.method = function () {};
}
ChildClass.prototype = new ParentClass();
ChildClass.prototype.prototypeMethod = function () {};

console.log(Object.getOwnPropertyNames(new ChildClass()));
// ["prop", "method"]

Dies verwendet die Funktion Array.prototype.filter(), um die aufzählbaren Schlüssel (erhalten mit Object.keys()) aus einer Liste aller Schlüssel (erhalten mit Object.getOwnPropertyNames()) zu entfernen, und gibt so nur die nicht aufgezählbaren Schlüssel als Ausgabe aus.

const target = myObject;
const enumAndNonEnum = Object.getOwnPropertyNames(target);
const enumOnly = new Set(Object.keys(target));
const nonEnumOnly = enumAndNonEnum.filter((key) => !enumOnly.has(key));

console.log(nonEnumOnly);

• Polyfill von Object.getOwnPropertyNames in core-js
• Aufzählbarkeit und Eigentum von Eigenschaften
• Object.hasOwn()
• Object.prototype.propertyIsEnumerable()
• Object.create()
• Object.keys()
• Array.prototype.forEach()