Objects & Nested Objects

Objects are the heart of JavaScript. While arrays store lists, objects store key-value pairs, allowing you to model real-world things like users, products, or configurations.

1. What are Objects? 🏗️

What is it? A collection of properties, where each property has a name (key) and a value.

Why use it? To group related data together. Instead of having userName, userAge, and userCity variables, you can have a single user object.

How it works: Use curly braces {} to create an object literal.

2. Accessing & Modifying Properties 🔑

You can access values using Dot Notation or Bracket Notation.

• Dot Notation (obj.key): Cleaner, use this most of the time.
• Bracket Notation (obj["key"]): Use when the key is dynamic (in a variable) or has spaces.

3. Object Methods & this 🛠️

Objects can hold functions too! These are called methods.

The this Keyword: Inside a method, this refers to the object itself. It allows the method to access other properties of the same object.

4. Nested Objects 🪆

Objects can contain other objects. This is common in API responses.

5. Iterating Objects 🔄

Unlike arrays, you can't use a simple for loop. Use these methods instead:

• Object.keys(obj): Returns array of keys.
• Object.values(obj): Returns array of values.
• Object.entries(obj): Returns array of [key, value] pairs.

Practical Example: User Profile System 👤

Quiz

Key Takeaways

✅ Objects group data with key-value pairs.
✅ Dot notation is standard; Brackets for dynamic keys.
✅ Methods are functions inside objects.
✅ this refers to the current object.
✅ Object.keys/values help you loop through objects.

What's Next?

You've mastered the core data structures! Next, we'll look at JSON, the standard format for data exchange on the web.

Keep coding! 🚀