Objekte sind ein grundlegender Bestandteil von JavaScript und dienen als Rückgrat für die Speicherung und Verwaltung von Daten. Ein Objekt ist eine Sammlung von Eigenschaften, und jede Eigenschaft ist eine Zuordnung zwischen einem Schlüssel (oder Namen) und einem Wert. Für jeden JavaScript-Entwickler ist es von entscheidender Bedeutung, zu verstehen, wie Objekte erstellt, manipuliert und genutzt werden. In diesem Artikel untersuchen wir die verschiedenen Objektfunktionen in JavaScript und stellen detaillierte Erklärungen, Beispiele und Kommentare bereit, die Ihnen helfen, sie zu beherrschen.
In JavaScript werden Objekte zum Speichern von Datensammlungen und komplexeren Entitäten verwendet. Sie werden mithilfe von Objektliteralen oder dem Objektkonstruktor erstellt.
// Using object literals let person = { name: "John", age: 30, city: "New York" }; // Using the Object constructor let person = new Object(); person.name = "John"; person.age = 30; person.city = "New York";
let obj = {}; console.log(obj.__proto__ === Object.prototype); // Output: true
Kopiert die Werte aller aufzählbaren eigenen Eigenschaften von einem oder mehreren Quellobjekten in ein Zielobjekt. Es gibt das Zielobjekt zurück.
let target = {a: 1}; let source = {b: 2, c: 3}; Object.assign(target, source); console.log(target); // Output: {a: 1, b: 2, c: 3}
Erstellt ein neues Objekt mit dem angegebenen Prototypobjekt und den angegebenen Eigenschaften.
let person = { isHuman: false, printIntroduction: function() { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); } }; let me = Object.create(person); me.name = "Matthew"; me.isHuman = true; me.printIntroduction(); // Output: My name is Matthew. Am I human? true
Definiert neue oder ändert vorhandene Eigenschaften direkt an einem Objekt und gibt das Objekt zurück.
let obj = {}; Object.defineProperties(obj, { property1: { value: true, writable: true }, property2: { value: "Hello", writable: false } }); console.log(obj); // Output: { property1: true, property2: 'Hello' }
Definiert eine neue Eigenschaft direkt für ein Objekt oder ändert eine vorhandene Eigenschaft und gibt das Objekt zurück.
let obj = {}; Object.defineProperty(obj, 'property1', { value: 42, writable: false }); console.log(obj.property1); // Output: 42 obj.property1 = 77; // No error thrown, but the property is not writable console.log(obj.property1); // Output: 42
Gibt ein Array der eigenen aufzählbaren, mit Zeichenfolgen versehenen Eigenschaftspaare [Schlüssel, Wert] eines bestimmten Objekts zurück.
let obj = {a: 1, b: 2, c: 3}; console.log(Object.entries(obj)); // Output: [['a', 1], ['b', 2], ['c', 3]]
Friert ein Objekt ein. Ein eingefrorenes Objekt kann nicht mehr geändert werden; Durch das Einfrieren eines Objekts wird verhindert, dass ihm neue Eigenschaften hinzugefügt, vorhandene Eigenschaften entfernt werden und die Werte vorhandener Eigenschaften nicht geändert werden.
let obj = {prop: 42}; Object.freeze(obj); obj.prop = 33; // Fails silently in non-strict mode console.log(obj.prop); // Output: 42
Transformiert eine Liste von Schlüssel-Wert-Paaren in ein Objekt.
let entries = new Map([['foo', 'bar'], ['baz', 42]]); let obj = Object.fromEntries(entries); console.log(obj); // Output: { foo: 'bar', baz: 42 }
Gibt einen Eigenschaftsdeskriptor für eine eigene Eigenschaft (d. h. eine Eigenschaft, die direkt auf einem Objekt vorhanden ist und nicht in der Prototypenkette des Objekts enthalten ist) eines bestimmten Objekts zurück.
let obj = {property1: 42}; let descriptor = Object.getOwnPropertyDescriptor(obj, 'property1'); console.log(descriptor); // Output: { value: 42, writable: true, enumerable: true, configurable: true }
Gibt ein Objekt zurück, das alle eigenen Eigenschaftsbeschreibungen eines Objekts enthält.
let obj = {property1: 42}; let descriptors = Object.getOwnPropertyDescriptors(obj); console.log(descriptors); /* Output: { property1: { value: 42, writable: true, enumerable: true, configurable: true } } */
Gibt ein Array aller Eigenschaften zurück (einschließlich nicht aufzählbarer Eigenschaften mit Ausnahme derjenigen, die ein Symbol verwenden), die direkt auf einem bestimmten Objekt gefunden werden.
let obj = {a: 1, b: 2, c: 3}; let props = Object.getOwnPropertyNames(obj); console.log(props); // Output: ['a', 'b', 'c']
Gibt ein Array aller Symboleigenschaften zurück, die direkt auf einem bestimmten Objekt gefunden werden.
let obj = {}; let sym = Symbol('foo'); obj[sym] = 'bar'; let symbols = Object.getOwnPropertySymbols(obj); console.log(symbols); // Output: [Symbol(foo)]
Gibt den Prototyp (d. h. den Wert der internen [[Prototype]]-Eigenschaft) des angegebenen Objekts zurück.
let proto = {}; let obj = Object.create(proto); console.log(Object.getPrototypeOf(obj) === proto); // Output: true
Bestimmt, ob zwei Werte den gleichen Wert haben.
console.log(Object.is('foo', 'foo')); // Output: true console.log(Object.is({}, {})); // Output: false
Bestimmt, ob die Erweiterung eines Objekts zulässig ist.
let obj = {}; console.log(Object.isExtensible(obj)); // Output: true Object.preventExtensions(obj); console.log(Object.isExtensible(obj)); // Output: false
Bestimmt, ob ein Objekt eingefroren ist.
let obj = {}; console.log(Object.isFrozen(obj)); // Output: false Object.freeze(obj); console.log(Object.isFrozen(obj)); // Output: true
Bestimmt, ob ein Objekt versiegelt ist.
let obj = {}; console.log(Object.isSealed(obj)); // Output: false Object.seal(obj); console.log(Object.isSealed(obj)); // Output: true
Gibt ein Array der aufzählbaren Eigenschaftsnamen eines bestimmten Objekts zurück, iteriert in derselben Reihenfolge wie eine normale Schleife.
let obj = {a: 1, b: 2, c: 3}; console.log(Object.keys(obj)); // Output: ['a', 'b', 'c']
Verhindert jegliche Erweiterung eines Objekts.
let obj = {}; Object.preventExtensions(obj); obj.newProp = 'test'; // Throws an error in strict mode console.log(obj.newProp); // Output: undefined
Versiegelt ein Objekt, verhindert das Hinzufügen neuer Eigenschaften und markiert alle vorhandenen Eigenschaften als nicht konfigurierbar. Werte aktueller Eigenschaften können weiterhin geändert werden, solange sie beschreibbar sind.
let obj = {property1: 42}; Object.seal(obj); obj.property1 = 33; delete obj.property1; // Throws an error in strict mode console.log(obj.property1); // Output: 33
Setzt den Prototyp (d. h. die interne [[Prototype]]-Eigenschaft) eines angegebenen Objekts auf ein anderes Objekt oder null.
let proto = {}; let obj = {}; Object.setPrototypeOf(obj, proto); console.log(Object.getPrototypeOf(obj) === proto); // Output: true
Gibt ein Array der eigenen aufzählbaren Eigenschaftswerte eines bestimmten Objekts in derselben Reihenfolge zurück, wie sie von einer for...in-Schleife bereitgestellt wird.
let obj = {a: 1, b: 2, c: 3}; console.log(Object.values(obj)); // Output: [1, 2, 3]
Verwenden Sie Object.assign(), um ein Objekt zu klonen.
let obj = {a: 1, b: 2}; let clone = Object.assign({}, obj); console.log(clone); // Output: {a: 1, b: 2}
Verwenden Sie Object.assign(), um Objekte zusammenzuführen.
let obj1 = {a: 1, b: 2}; let obj2 = {b: 3, c: 4}; let merged = Object.assign({}, obj1, obj2); console.log(merged); // Output: {a: 1, b: 3, c: 4}
Using Object.create() to create an object with a specified prototype.
let proto = {greet: function() { console.log("Hello!"); }}; let obj = Object.create(proto); obj.greet(); // Output: Hello!
Using Object.defineProperty() to define immutable properties.
let obj = {}; Object.defineProperty(obj, 'immutableProp', { value: 42, writable: false }); console.log(obj.immutableProp); // Output: 42 obj.immutableProp = 77; // Throws an error in strict mode console.log(obj.immutableProp); // Output: 42
Using Object.entries() to convert an object to an array of key-value pairs.
let obj = {a: 1, b: 2, c: 3}; let entries = Object.entries(obj); console.log(entries); // Output: [['a', 1], ['b', 2], ['c', 3]]
Objects are a core component of JavaScript, offering a flexible way to manage and manipulate data. By mastering object functions, you can perform complex operations with ease and write more efficient and maintainable code. This comprehensive guide has covered the most important object functions in JavaScript, complete with detailed examples and explanations. Practice using these functions and experiment with different use cases to deepen your understanding and enhance your coding skills.
Das obige ist der detaillierte Inhalt vonEin Leitfaden zum Beherrschen von JavaScript-Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
