Object Methods
Master JavaScript object methods! Learn Object.assign, Object.freeze, Object.create, Object.fromEntries, hasOwnProperty, advanced destructuring, and more.
Master JavaScript object methods! Learn Object.assign, Object.freeze, Object.create, Object.fromEntries, hasOwnProperty, advanced destructuring, and more. This hands-on tutorial focuses on practical implementation of object methods concepts.
Object Methods Deep Dive 🏗️
This lesson covers the complete toolkit of static Object methods — each briefly explained — plus advanced patterns for working with objects in modern JavaScript.
1. Merging & Copying Methods 🔗
These methods help you combine or copy objects.
| Method | What it does |
|---|---|
| Object.assign(target, ...sources) | Copies own enumerable properties from sources into target. Shallow copy |
| {...obj} (Spread) | Spreads object into a new object literal — cleaner than Object.assign for copies |
| structuredClone(obj) | Creates a deep clone — nested objects are fully copied (built-in, modern) |
2. Conversion Methods 🔄
These methods convert objects to/from other structures.
| Method | What it does |
|---|---|
| Object.keys(obj) | Returns array of the object's own property names |
| Object.values(obj) | Returns array of the object's own property values |
| Object.entries(obj) | Returns array of [key, value] pairs |
| Object.fromEntries(iterable) | Creates an object from [key, value] pairs — reverse of entries |
3. Immutability Methods 🔒
These methods control whether an object can be changed.
| Method | What it does |
|---|---|
| Object.freeze(obj) | Makes the object completely immutable — no adds, updates, or deletes |
| Object.seal(obj) | Prevents adding/deleting but allows updating existing properties |
| Object.isFrozen(obj) | Returns true if the object is frozen |
| Object.isSealed(obj) | Returns true if the object is sealed |
4. Prototype & Inspection Methods 🔬
These methods work at the prototype chain level.
| Method | What it does |
|---|---|
| Object.create(proto) | Creates a new object with a specified prototype |
| Object.getPrototypeOf(obj) | Returns the prototype of an object |
| Object.getOwnPropertyNames(obj) | Returns all own property names, including non-enumerable |
| Object.defineProperty(obj, key, descriptor) | Defines a property with fine-grained control over writability, enumerability, etc. |
5. Property Ownership Methods 🧪
These check whether a property belongs directly to an object (not inherited).
| Method | What it does |
|---|---|
| Object.hasOwn(obj, key) | Returns true if the object directly has the property — preferred modern approach |
| obj.hasOwnProperty(key) | Same as above but an instance method — can be shadowed, so less safe |
| key in obj | Returns true if key exists anywhere on the prototype chain (includes inherited) |
6. Advanced Destructuring Patterns 🎯
Destructuring is the modern way to extract values from objects.
| Pattern | What it does |
|---|---|
| const { a, b } = obj | Basic extraction |
| const { a: alias } = obj | Extract and rename to a new variable name |
| const { a = default } = obj | Extract with a default value if property is missing |
| const { a, ...rest } = obj | Extract a and collect everything else into rest |
| const { outer: { inner } } = obj | Destructure nested objects |
Practical Example: API Response Normaliser 🌐
AI Mentor
Confused about "JavaScript object methods: Object.assign, freeze, seal, create, fromEntries, hasOwn, structuredClone and advanced destructuring"? Ask our AI mentor for a simplified explanation.
Quiz
Quiz
Question 1 of 5What is the difference between Object.freeze() and Object.seal()?
Key Takeaways
✅ Merge: Object.assign or spread {...obj} — both shallow.
✅ Deep clone: structuredClone(obj) — copies nested objects fully.
✅ Convert: Object.entries + Object.fromEntries — transform objects like arrays.
✅ Immutability: freeze() (no changes) vs seal() (no add/delete).
✅ Ownership: Object.hasOwn — check direct properties safely.
✅ Destructuring: rename, defaults, rest, and nested in one step.
What's Next?
You've mastered objects! Next, see how JSON is used to send objects across the web.
Keep coding! 🚀