🔥 JavaScript Arrays Explained with Practical Code Examples

If you're learning JavaScript, understanding arrays is non-negotiable. They’re everywhere — storing data, managing lists, or manipulating collections. In this guide, we're going full code-mode 💻 to explore how arrays work.

No fluff, just code. Let’s go 🚀

📦 Creating Arrays

const fruits = ["apple", "banana", "mango"];
const numbers = [1, 2, 3, 4];
const colors = new Array("red", "green", "blue");
Arrays can hold any data type — strings, numbers, even objects or other arrays.

🔍 Accessing Elements

console.log(fruits[0]); // "apple"
console.log(fruits[2]); // "mango"

Arrays use zero-based indexing, meaning the first element is at index 0.

fruits[1] = "orange";
console.log(fruits); // ["apple", "orange", "mango"]

⚙️ Array Methods in Action

fruits.push("grape");     // Add to end
fruits.pop();             // Remove from end
fruits.shift();           // Remove from start
fruits.unshift("kiwi");   // Add to start
fruits.splice(1, 0, "pineapple"); // Insert at index 1

These methods help you add/remove elements from different positions in the array.

🔁 Looping Through Arrays

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

fruits.forEach(fruit => {
  console.log(fruit);
});

Looping helps you perform actions on each element. forEach is cleaner and more modern.

🧠 Destructuring Arrays

const [first, second] = fruits;
console.log(first);  // "apple"
console.log(second); // "orange"

Destructuring lets you pull out values easily without accessing them one-by-one.

✅ Wrap Up
Arrays are powerful and versatile. Mastering just these few concepts can take you a long way. Practice these snippets, build your own mini-projects, and you’ll see arrays in a whole new light! 🌟

Got a favorite array method or a cool trick? Share it in the comments!