Heim  >  Artikel  >  Web-Frontend  >  Beispiel für JavaScript-Objektmethoden

Beispiel für JavaScript-Objektmethoden

Susan Sarandon
Susan SarandonOriginal
2024-11-05 13:26:02111Durchsuche

JavaScript Object Methods Example

Beispiel für JavaScript-Objektmethoden.

  • Object.keys(obj): Gibt ein Array der aufzählbaren Eigenschaftsnamen (Schlüssel) eines Objekts zurück.
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj));
// Output: ['a', 'b', 'c']
  • Object.values(obj): Gibt ein Array der eigenen aufzählbaren Eigenschaftswerte des Objekts zurück.
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj));
// Output: [1, 2, 3]
  • Object.entries(obj): Gibt ein Array der eigenen aufzählbaren, mit Zeichenfolgen versehenen Eigenschaftspaare [Schlüssel, Wert] des Objekts zurück.
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj));
// Output: [['a', 1], ['b', 2], ['c', 3]]
  • Object.isSealed(obj): Gibt true zurück, wenn das Objekt versiegelt ist, andernfalls false.
const obj = Object.seal({ a: 1 });
console.log(Object.isSealed(obj));
// Output: true
  • Object.assign(target, source): Kopiert die Werte aller aufzählbaren Eigenschaften von einem oder mehreren Quellobjekten in ein Zielobjekt. Es gibt das Zielobjekt zurück.
const target = { a: 1 };
const source = { b: 2, c: 3 };
const result = Object.assign(target, source);
console.log(result);
// Output: { a: 1, b: 2, c: 3 }
  • Object.freeze(obj): Friert ein Objekt ein und verhindert so, dass neue Eigenschaften hinzugefügt oder vorhandene Eigenschaften entfernt oder neu konfiguriert werden.
const obj = { name: 'Khabib' };
Object.freeze(obj);
obj.name = 'Bob'; // This won't change the value
console.log(obj.name); // Output: 'Khabib'
  • Object.seal(obj): Versiegelt ein Objekt und verhindert so das Hinzufügen neuer Eigenschaften, ermöglicht aber die Änderung bestehender Eigenschaften.
const obj = { name: 'Alice' };
Object.seal(obj);
obj.name = 'Bob'; // This will update the value
obj.age = 25; // This won't add a new property
console.log(obj); // Output: { name: 'Bob' }
  • Object.create(proto): Erstellt ein neues Objekt mit dem angegebenen Prototypobjekt und den angegebenen Eigenschaften.
const person = {greet() {console.log('Hello!');}};
const student = Object.create(person);
student.greet();
// Output: 'Hello!'
  • Object.defineProperty(obj, prop, descriptor): Definiert eine neue Eigenschaft direkt für ein Objekt oder ändert eine vorhandene Eigenschaft.
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'Alice',
writable: false });
console.log(obj.name); // 'Alice'
  • Object.defineProperties(obj, props): Definiert mehrere neue Eigenschaften oder ändert vorhandene Eigenschaften eines Objekts.
const obj = {};
Object.defineProperties(obj, {
name: { value: 'Cormier', writable: false },
age: { value: 30, writable: true } });
console.log(obj.name); // 'Cormier'
  • Object.isExtensible(obj): Bestimmt, ob ein Objekt erweiterbar ist (d. h. ob neue Eigenschaften hinzugefügt werden können).
const obj = {};
console.log(Object.isExtensible(obj)); // true
Object.preventExtensions(obj);
console.log(Object.isExtensible(obj)); // false
  • Object.isFrozen(obj): Bestimmt, ob ein Objekt eingefroren ist (d. h. nicht erweiterbar und alle Eigenschaften nicht beschreibbar sind).
const obj = Object.freeze({ name: 'Gregor' });
console.log(Object.isFrozen(obj));
// output: true
  • Object.hasOwn(obj, prop): Gibt „true“ zurück, wenn das angegebene Objekt die angegebene Eigenschaft als eigene Eigenschaft hat, auch wenn der Wert der Eigenschaft undefiniert ist.
const obj = { name: 'Alice' };
console.log(Object.hasOwn(obj, 'name')); // true
console.log(Object.hasOwn(obj, 'age')); // false
  • Object.hasOwnProperty(prop): Bestimmt, ob ein Objekt die angegebene Eigenschaft als direkte Eigenschaft dieses Objekts enthält und nicht über die Prototypkette geerbt wird.
const obj = { name: 'Alice' };
console.log(obj.hasOwnProperty('name')); // true
console.log(obj.hasOwnProperty('age')); // false
  • Object.preventExtensions(obj): Verhindert, dass jemals neue Eigenschaften zu einem Objekt hinzugefügt werden.
const obj = {};
Object.preventExtensions(obj);
obj.name = 'Khabib'; // Won't be added
console.log(obj); // {}
  • Object.setPrototypeOf(obj, proto): Legt den Prototyp (die interne [[Prototype]]-Eigenschaft) eines angegebenen Objekts fest.
const proto = { greet() {console.log('Hello!');}};
const obj = {};
Object.setPrototypeOf(obj, proto);
obj.greet(); // 'Hello!'
  • Object.fromEntries(iterable): Wandelt eine Liste von Schlüssel-Wert-Paaren in ein Objekt um.
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj));
// Output: ['a', 'b', 'c']
  • Object.getPrototypeOf(obj): Gibt den Prototyp (die interne [[Prototype]]-Eigenschaft) des angegebenen Objekts zurück.
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.values(obj));
// Output: [1, 2, 3]
  • Object.getOwnPropertySymbols(obj): Gibt ein Array aller Symboleigenschaften zurück, die für das Objekt gefunden wurden.
const obj = { a: 1, b: 2, c: 3 };
console.log(Object.entries(obj));
// Output: [['a', 1], ['b', 2], ['c', 3]]
  • Object.getOwnPropertyDescriptor(obj, prop): Gibt einen Eigenschaftsdeskriptor für eine bestimmte Eigenschaft eines bestimmten Objekts zurück.
const obj = Object.seal({ a: 1 });
console.log(Object.isSealed(obj));
// Output: true
  • Object.getOwnPropertyNames(obj): Gibt ein Array aller im Objekt gefundenen Eigenschaften zurück (einschließlich nicht aufzählbarer Eigenschaften).
const target = { a: 1 };
const source = { b: 2, c: 3 };
const result = Object.assign(target, source);
console.log(result);
// Output: { a: 1, b: 2, c: 3 }
  • Object.is(value1, value2): Vergleicht, ob zwei Werte gleich sind.
const obj = { name: 'Khabib' };
Object.freeze(obj);
obj.name = 'Bob'; // This won't change the value
console.log(obj.name); // Output: 'Khabib'
  • Object.getOwnPropertyDescriptors(obj): Gibt alle eigenen Eigenschaftsdeskriptoren eines Objekts zurück.
const obj = { name: 'Alice' };
Object.seal(obj);
obj.name = 'Bob'; // This will update the value
obj.age = 25; // This won't add a new property
console.log(obj); // Output: { name: 'Bob' }

Das obige ist der detaillierte Inhalt vonBeispiel für JavaScript-Objektmethoden. 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