📌 What Are Arrays and Why Do We Need Them?

Imagine you want to store:

🍎 Apple
🍌 Banana
🥭 Mango
🍇 Grapes

If you store them separately:

let fruit1 = "Apple";
let fruit2 = "Banana";
let fruit3 = "Mango";
let fruit4 = "Grapes";

This becomes messy.

Instead, we use an array:

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

👉 An array is a collection of values stored in order.

---

📦 Why Arrays Are Needed

✔ Store multiple values in one variable

✔ Easy to manage lists

✔ Easy to loop through

✔ Used everywhere (APIs, databases, projects)

---

📌 How to Create an Array

let numbers = [10, 20, 30, 40];

Structure:

let arrayName = [value1, value2, value3];

---

🔢 Accessing Elements Using Index

Arrays use index numbers.

⚠ Important: Index starts from 0

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

Index	Value
0	Apple
1	Banana
2	Mango

---

Example

console.log(fruits[0]);  // Apple
console.log(fruits[2]);  // Mango

---

🔄 Updating Elements

You can change values using index.

fruits[1] = "Orange";
console.log(fruits);

Before:

["Apple", "Banana", "Mango"]

After:

["Apple", "Orange", "Mango"]

---

📏 Array Length Property

To check how many elements:

console.log(fruits.length);

Output:

3

Length is very useful in loops.

---

🔁 Basic Looping Over Arrays

Using for loop

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

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

Output:

Apple
Banana
Mango

This loop:

1. Starts from index 0

2. Continues until length

3. Prints each value

---

🆚 Individual Variables vs Array

❌ Without Array

let mark1 = 80;
let mark2 = 75;
let mark3 = 90;

Hard to manage.

---

✅ With Array

let marks = [80, 75, 90];

Clean and organized.

---

🎓 Assignment Practice

1️⃣ Create an Array of 5 Favorite Movies

let movies = ["Inception", "Interstellar", "KGF", "3 Idiots", "Avengers"];

---

2️⃣ Print First and Last Element

console.log(movies[0]);  // First
console.log(movies[movies.length - 1]);  // Last

---

3️⃣ Change One Value

movies[2] = "Bahubali";
console.log(movies);

---

4️⃣ Loop Through the Array

for (let i = 0; i < movies.length; i++) {
  console.log(movies[i]);
}

---

📊 Diagram Ideas

🔹 Visual Representation of Array Index

Index:   0        1        2        3
         --------------------------------
Value: | Apple | Banana | Mango | Grapes |
         --------------------------------

---

🔹 Memory-Style Block Diagram

fruits
   ↓
[0] → Apple
[1] → Banana
[2] → Mango
[3] → Grapes

---

🌟 Final Understanding

• Array = ordered collection of values

• Index starts from 0

• Access using array[index]

• Can update values

• length gives total elements

• Use loops to print all elements