Learn how to model data with objects, access properties, create methods with `this` and work safely with dynamic keys and optional access.
An object groups related data under one identity.
If you model a user with separate variables such as `name`, `email` and `role`, you quickly lose context. An object keeps that information connected.
That improves readability, maintenance and scalability when your application grows.
The main syntax is simple: `{ key: value }`.
The most common way to create objects in JavaScript is with braces and key-value pairs separated by commas.
Choose semantic property names so the object is readable without extra documentation.
Use dot notation for known keys and brackets for dynamic keys.
`obj.property` is direct and readable when you know the key in advance. `obj[key]` lets you access it dynamically when the key lives in a variable.
Updating or adding properties is just assignment, but it is best done intentionally so the model stays coherent.
A method combines behavior and data inside the same entity.
When you store a function inside an object, that function can use `this` to access the object's own properties.
This pattern is useful for building more expressive models and for avoiding repeated argument passing when the data already lives inside the object.
Inspect the structure before assuming a property exists.
`Object.keys` and `Object.values` help you inspect dynamic data. Optional chaining with `obj?.prop` avoids crashes when nested fields are missing.
These patterns are especially important when you consume external data and cannot fully control the object's shape.
It supports modeling entities with semantic keys and methods.
It adds visual context to the changing behavior of `this` depending on how the function is invoked.
