Nested objects and arrays in Firebase - Step-by-Step Execution

Process Flow - Nested objects and arrays

Start with empty document

↓

Add nested object field

↓

Add array field inside object

↓

Add objects inside array

↓

Document with nested objects and arrays ready

This flow shows how a Firebase document is built step-by-step by adding nested objects and arrays inside it.

Execution Sample

Firebase

docRef.set({
  user: {
    name: "Alice",
    hobbies: ["reading", "cycling"]
  }
});

This code creates a document with a nested object 'user' containing a name and an array of hobbies.

Process Table

Step	Action	Document State	Description
1	Start with empty document	{}	Document is empty initially
2	Add 'user' object	{"user":{}}	Added empty nested object 'user'
3	Add 'name' field inside 'user'	{"user":{"name":"Alice"}}	Added string field 'name' inside 'user'
4	Add 'hobbies' array inside 'user'	{"user":{"name":"Alice","hobbies":[]}}	Added empty array 'hobbies' inside 'user'
5	Add 'reading' to 'hobbies' array	{"user":{"name":"Alice","hobbies":["reading"]}}	Added first hobby to array
6	Add 'cycling' to 'hobbies' array	{"user":{"name":"Alice","hobbies":["reading","cycling"]}}	Added second hobby to array
7	Document ready	{"user":{"name":"Alice","hobbies":["reading","cycling"]}}	Final nested document with objects and arrays

💡 All nested fields and array elements added, document is ready to be saved

Status Tracker

Variable	Start	After Step 2	After Step 3	After Step 4	After Step 5	After Step 6	Final
document	{}	{"user":{}}	{"user":{"name":"Alice"}}	{"user":{"name":"Alice","hobbies":[]}}	{"user":{"name":"Alice","hobbies":["reading"]}}	{"user":{"name":"Alice","hobbies":["reading","cycling"]}}	{"user":{"name":"Alice","hobbies":["reading","cycling"]}}

Key Moments - 3 Insights

Why do we add the 'hobbies' array inside the 'user' object instead of directly in the document?

Because 'hobbies' is a property of 'user', so it must be nested inside the 'user' object as shown in steps 4-6 in the execution_table.

Can arrays contain objects as elements in Firebase documents?

Yes, arrays can contain objects. This example uses strings, but you can add objects inside arrays similarly by nesting them, following the same pattern as in the execution_table.

What happens if we try to add a field outside the nested object after adding nested fields?

You can add fields at any level. The document structure grows as you add fields. The execution_table shows adding nested fields step-by-step, but you can also add sibling fields at the root level.

Visual Quiz - 3 Questions

Look at the execution_table at step 4. What is the state of the 'hobbies' field?

A An empty array inside 'user'

B An array with one element 'reading'

C A string 'reading'

D No 'hobbies' field yet

💡 Hint

Check the 'Document State' column at step 4 in the execution_table

At which step does the 'hobbies' array first contain two elements?

A Step 5

B Step 6

C Step 3

D Step 7

💡 Hint

Look at the 'Document State' column in the execution_table for the array length

If we add another hobby 'swimming' after step 6, how would the 'hobbies' array look?

A ["reading", "swimming"]

B ["swimming"]

C ["reading", "cycling", "swimming"]

D ["cycling", "swimming"]

💡 Hint

Arrays add elements in order, as shown in steps 5 and 6

Concept Snapshot

Firebase documents can have nested objects and arrays.
Use curly braces {} for objects and square brackets [] for arrays.
Nest arrays inside objects or objects inside arrays as needed.
Add fields step-by-step to build complex data.
Arrays can hold strings, numbers, objects, or other arrays.
This structure helps organize data clearly.

Full Transcript

This lesson shows how to build a Firebase document with nested objects and arrays. We start with an empty document. Then we add a nested object called 'user'. Inside 'user', we add a string field 'name'. Next, we add an empty array 'hobbies' inside 'user'. We add two string elements 'reading' and 'cycling' to the 'hobbies' array. The document now has a nested structure with objects and arrays. This structure is useful to organize related data together. Arrays can hold multiple values, including objects. You can add fields at any level to build your data model. The execution table traces each step and the document state. The variable tracker shows how the document variable changes after each step. Key moments clarify common confusions about nesting and arrays. The quiz tests understanding of the document state at different steps. The snapshot summarizes the key points for quick review.