|
| 1 | +# Day 6: Arrays |
| 2 | + |
| 3 | +Welcome to Day 6 of our JavaScript workshop! Today, we will delve into arrays, a fundamental data structure in JavaScript. 🌟 |
| 4 | + |
| 5 | +## Learning Objectives 📚 |
| 6 | + |
| 7 | +By the end of these activities, you will: |
| 8 | +- Create and manipulate arrays using various methods. |
| 9 | +- Transform and aggregate array data using map, filter, and reduce. |
| 10 | +- Iterate over arrays using loops and iteration methods. |
| 11 | +- Understand and work with multi-dimensional arrays. |
| 12 | + |
| 13 | +## Activities 🛠️ |
| 14 | + |
| 15 | +This workshop is divided into several activities: |
| 16 | + |
| 17 | +### Activity 1: Array Creation and Access 🔍 |
| 18 | + |
| 19 | +- [ ] **Task 1:** Create an array of numbers from 1 to 5 and log the array to the console. |
| 20 | +- [ ] **Task 2:** Access the first and last elements of the array and log them to the console. |
| 21 | + |
| 22 | +### Activity 2: Array Methods (Basic) 💡 |
| 23 | + |
| 24 | +- [ ] **Task 3:** Use the `push` method to add a new number to the end of the array and log the updated array. |
| 25 | +- [ ] **Task 4:** Use the `pop` method to remove the last element from the array and log the updated array. |
| 26 | +- [ ] **Task 5:** Use the `shift` method to remove the first element from the array and log the updated array. |
| 27 | +- [ ] **Task 6:** Use the `unshift` method to add a new number to the beginning of the array and log the updated array. |
| 28 | + |
| 29 | +### Activity 3: Array Methods (Intermediate) 🚀 |
| 30 | + |
| 31 | +- [ ] **Task 7:** Use the `map` method to create a new array where each number is doubled and log the new array. |
| 32 | +- [ ] **Task 8:** Use the `filter` method to create a new array with only even numbers and log the new array. |
| 33 | +- [ ] **Task 9:** Use the `reduce` method to calculate the sum of all numbers in the array and log the result. |
| 34 | + |
| 35 | +### Activity 4: Array Iteration 🎯 |
| 36 | + |
| 37 | +- [ ] **Task 10:** Use a `for` loop to iterate over the array and log each element to the console. |
| 38 | +- [ ] **Task 11:** Use the `forEach` method to iterate over the array and log each element to the console. |
| 39 | + |
| 40 | +### Activity 5: Multi-dimensional Arrays 🛠️ |
| 41 | + |
| 42 | +- [ ] **Task 12:** Create a two-dimensional array (matrix) and log the entire array to the console. |
| 43 | +- [ ] **Task 13:** Access and log a specific element from the two-dimensional array. |
| 44 | + |
| 45 | +## Feature Requests (Optional) 🎨 |
| 46 | + |
| 47 | +1. **Array Manipulation Script:** Write a script that demonstrates the creation of an array, adding and removing elements using `push`, `pop`, `shift`, and `unshift` methods. |
| 48 | +2. **Array Transformation Script:** Create a script that uses `map`, `filter`, and `reduce` methods to transform and aggregate array data. |
| 49 | +3. **Array Iteration Script:** Write a script that iterates over an array using both `for` loop and `forEach` method and logs each element. |
| 50 | +4. **Two-dimensional Array Script:** Create a script that demonstrates the creation and manipulation of a two-dimensional array. |
| 51 | + |
| 52 | +Happy coding! 💻✨ |
0 commit comments