Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel für JavaScript-Objektmethoden

Susan Sarandon
Freigeben: 2024-11-05 13:26:02
Original
180 Leute haben es durchsucht

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']
Nach dem Login kopieren
Nach dem Login kopieren
  • 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]
Nach dem Login kopieren
Nach dem Login kopieren
  • 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]]
Nach dem Login kopieren
Nach dem Login kopieren
  • 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
Nach dem Login kopieren
Nach dem Login kopieren
  • 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 }
Nach dem Login kopieren
Nach dem Login kopieren
  • 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'
Nach dem Login kopieren
Nach dem Login kopieren
  • 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' }
Nach dem Login kopieren
Nach dem Login kopieren
  • 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!'
Nach dem Login kopieren
  • 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'
Nach dem Login kopieren
  • 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'
Nach dem Login kopieren
  • 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
Nach dem Login kopieren
  • 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
Nach dem Login kopieren
  • 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
Nach dem Login kopieren
  • 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
Nach dem Login kopieren
  • 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); // {}
Nach dem Login kopieren
  • 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!'
Nach dem Login kopieren
  • 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']
Nach dem Login kopieren
Nach dem Login kopieren
  • 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]
Nach dem Login kopieren
Nach dem Login kopieren
  • 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]]
Nach dem Login kopieren
Nach dem Login kopieren
  • 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
Nach dem Login kopieren
Nach dem Login kopieren
  • 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 }
Nach dem Login kopieren
Nach dem Login kopieren
  • 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'
Nach dem Login kopieren
Nach dem Login kopieren
  • 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' }
Nach dem Login kopieren
Nach dem Login kopieren

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!

Quelle:dev.to
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage