Arrays & Methods

1What is an Array?✨

An array is a special type of variable that can hold multiple values at once. It's like a box that can store a collection of items, all of the same type. Arrays make it easier to organize and manipulate data in JavaScript.

2Why Learn Arrays?🎯

• ✓ Store multiple values in a single variable
• ✓ Perform operations on collections of data
• ✓ Simplifies code for loops and iterations
• ✓ Essential for working with data in web applications

3Creating an Array💡

You can create an array using square brackets. Here's how to declare an array:

const fruits = ['Apple', 'Banana', 'Cherry'];

This creates an array named fruits that contains three items.

4Accessing Array Elements🚀

You can access elements in an array using their index, which starts at 0. For example:

console.log(fruits[0]); // Output: Apple

This shows the first item in the fruits array.

5Common Array Methods🔍

JavaScript provides many built-in methods to manipulate arrays. Some useful ones include:

- push(): Adds an item to the end of the array
- pop(): Removes the last item from the array
- shift(): Removes the first item from the array
- unshift(): Adds an item to the beginning of the array

6Example of using push and pop:⭐

fruits.push('Orange');
console.log(fruits); // Output: ['Apple', 'Banana', 'Cherry', 'Orange']
fruits.pop();
console.log(fruits); // Output: ['Apple', 'Banana', 'Cherry']

7Looping Through Arrays🧩

You can use loops to iterate through arrays. The forEach() method is a great way to run a function on each item:

fruits.forEach(function(fruit) {
  console.log(fruit);
});

8// Output:🎈

• // Apple
• // Banana
• // Cherry

9What You'll Build This Grade✨

• ✓ Interactive applications using arrays
• ✓ Simple games that require item storage
• ✓ Dynamic lists and data management tools
• ✓ Fun projects that showcase your creativity