Object.getOwnPropertyNames()

obj

Das Objekt, dessen auflistbare und nicht-auflistbare 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 auflistbaren und nicht-auflistbaren Eigenschaften entsprechen, die direkt in einem gegebenen Objekt obj gefunden werden. Die Reihenfolge der auflistbaren Eigenschaften im Array entspricht der Reihenfolge, die von einer for...in Schleife (oder durch Object.keys()) über die Eigenschaften des Objekts offengelegt wird. Die nicht-negativen ganzzahligen Schlüssel des Objekts (sowohl auflistbare als auch nicht-auflistbare) werden zuerst in aufsteigender Reihenfolge dem Array hinzugefügt, gefolgt von den Zeichenfolgenschlüsseln in der Einfügereihenfolge.

In ES5 führt ein Argument für diese Methode, das kein Objekt ist (ein Primitive), zu einem TypeError. In ES2015 wird ein Argument, das kein Objekt ist, 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 auflistbaren Eigenschaften wünschen, sehen Sie sich Object.keys() an oder verwenden Sie eine for...in Schleife (beachten Sie, dass dies auch auflistbare Eigenschaften entlang der Prototypkette des Objekts zurückgibt, es sei denn, letztere wird mit Object.hasOwn() gefiltert).

Elemente in der Prototypkette werden nicht aufgeführt:

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 Array.prototype.filter() Funktion, um die auflistbaren Schlüssel (erhalten mit Object.keys()) aus einer Liste aller Schlüssel (erhalten mit Object.getOwnPropertyNames()) zu entfernen und somit nur die nicht-auflistbaren Schlüssel als Ausgabe zu geben.

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
• Auflistbarkeit und Besitz von Eigenschaften
• Object.hasOwn()
• Object.prototype.propertyIsEnumerable()
• Object.create()
• Object.keys()
• Array.prototype.forEach()