📦 JavaScript Array -

Imagine Riya has a big fruit box 🍎🍌🍊.

Instead of keeping every fruit in a separate box, she puts all the fruits into one big box. This big box is like a JavaScript Array.

📖 Story

Riya creates a fruit box:

let fruits = ["Apple", "Banana", "Mango", "Orange"];

Her box looks like this:

🍓 FRUIT BOX
┌─────────┬─────────┬─────────┬─────────┐
│  Apple  │ Banana  │  Mango  │ Orange  │
└─────────┴─────────┴─────────┴─────────┘
     0         1         2         3
   Index     Index     Index     Index

👉 Each item has a position called an index.

Get Raveenanagar’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Important: JavaScript arrays start counting from 0, not 1.

🔍 Getting a Fruit

Riya wants the Mango:

console.log(fruits[2]);

Output:

Mango

Because Mango is at index 2.

➕ Adding a Fruit

Riya buys Grapes and puts them in the box:

fruits.push("Grapes");

Now:

┌────────┬────────┬────────┬────────┬────────┐
│ Apple  │ Banana │ Mango  │ Orange │ Grapes │
└────────┴────────┴────────┴────────┴────────┘
    0        1        2        3        4

🗑️ Removing a Fruit

She removes the last fruit:

fruits.pop();

Grapes are removed from the end.

🧠 Simple Definition

An array is a container that stores multiple values in a single variable.

let fruits = ["Apple", "Banana", "Mango"];

Think of it as:

Array = 🧺 One basket → 🥭 Many items

🌟 Easy Formula

ARRAY
  ↓
One container
  ↓
Multiple values
  ↓
Each value has an index
  ↓
Index starts from 0