Merge pull request #2 from CodeYourFuture/js3-3-destructuring

Add Array Destructuring Homework

Author: Chris Owen

week-3/Homework/mandatory/2-exercises/1-shopping-cart.js

@@ -0,0 +1,11 @@
+const personOne = {
+    name: 'Popeye',
+    age: 34,
+    favouriteFood: 'Spinach'
+}
+
+function introduceYourself(___________________________) {
+    console.log (`Hello, my name is ${name}. I am ${age} years old and my favourite food is ${favouriteFood}.`); 
+}
+
+introduceYourself(personOne);

week-3/Homework/mandatory/2-exercises/2-convertion.js

@@ -0,0 +1,21 @@
+Did you know that destructuring can also be used on objects as well.
+
+We can use destructuring to extract values from an object and assign them to variables in one line.
+
+```
+let person = {
+    firstName: "Bruce",
+    lastName: "Wayne"
+}
+
+let { firstName, lastName } = person;
+
+console.log(`Batman is ${firstName}, ${lastName}`);
+```
+
+The program above will print `Batman is Bruce Wayne`. Notice how we use the `{}` characters since it is an object rather than `[]` which is used when it is an array.
+
+# Exercise
+
+- What is the syntax to destructure the object `personOne` in exercise-1.js?
+- Update the argument of the function `introduceYourself` to use destructuring on the object that gets passed in.

week-3/Homework/mandatory/2-exercises/3-atm.js

@@ -0,0 +1,11 @@
+let hogwarts = [
+    { firstName: "Harry", lastName: "Potter", house: "Gryffindor", pet: "Owl", occupation: "Student" },
+    { firstName: "Hermione", lastName: "Granger", house: "Gryffindor", pet: "Cat", occupation: "Student" },
+    { firstName: "Draco", lastName: "Malfoy", house: "Slytherin", pet: null, occupation: "Student" },
+    { firstName: "Cedric", lastName: "Diggory", house: "HufflePuff", pet: null, occupation: "Student" },
+    { firstName: "Severus", lastName: "Snape", house: "Slytherin", pet: null, occupation: "Teacher" },
+    { firstName: "Filius", lastName: "Flitwick", house: "Ravenclaw", pet: null, occupation: "Teacher" },
+    { firstName: "Pomona", lastName: "Sprout", house: "Hufflepuff", pet: null, occupation: "Teacher" },
+    { firstName: "Minerva", lastName: "McGonagall", house: "Gryffindor", pet: null, occupation: "Teacher" },
+    { firstName: "Albus", lastName: "Dumbledore", house: "Gryffindor", pet: "Phoenix", occupation: "Teacher" }
+]

week-3/Homework/mandatory/2-exercises/4-music-player.js

@@ -0,0 +1,38 @@
+# Exercise 2
+
+_Need some help? Refresh your memory with [this article](https://www.freecodecamp.org/news/array-destructuring-in-es6-30e398f21d10/)_
+
+In `exercise-2.js`, you have an array that contains a list of people who are at Hogwarts School of Witchcraft and Wizardry.
+For each character you have the following information:
+
+- First Name
+- Last Name
+- School House
+- Pet
+- Occupation
+
+## Task 1
+
+- In `exercise-2.js` write a program that will take the `hogwarts` array as input and display the names of the people who belong to the Gryffindor house.
+- Use array destructuring to extract the values you need out of the array.
+
+### Expected result
+
+```
+Harry Potter
+Ron Weasley
+Hermione Granger
+Minerva McGonagall
+Albus Dumbledore
+```
+
+## Task 2
+
+- In `exercise-2.js` write a program that will take the `hogwarts` array as input and display the names of teachers who have pets.
+- Use array destructuring to extract the values you need out of the array.
+
+### Expected result
+
+```
+Albus Dumbledore
+```

week-3/Homework/mandatory/2-exercises/exercise-1/exercise-1.js

@@ -0,0 +1,9 @@
+ let order = [
+     { itemName: "Hot cakes", quantity: 1, unitPrice: 2.29},
+     { itemName: "Apple Pie", quantity: 2, unitPrice: 1.39},
+     { itemName: "Egg McMuffin", quantity: 1, unitPrice: 2.80},
+     { itemName: "Sausage McMuffin", quantity: 1, unitPrice: 3.00},
+     { itemName: "Hot Coffee", quantity: 2, unitPrice: 1.00},
+     { itemName: "Hash Brown", quantity: 4, unitPrice: 0.40}
+ ]
+ 

week-3/Homework/mandatory/2-exercises/exercise-1/exercise-1.md

@@ -0,0 +1,21 @@
+# Exercise
+
+_Need some help? Refresh your memory with [this article](https://www.freecodecamp.org/news/array-destructuring-in-es6-30e398f21d10/)_
+
+- In `exercise-3.js`, you have been provided with a takeout order. Write a program that will print out the receipt for this order.
+- Log each individual item to the console.
+- Log the total cost of the order to the console.
+
+## Expected result
+
+```
+QTY     ITEM                TOTAL
+1       Hot Cakes           2.29
+2       Apple Pie           2.78
+1       Egg McMuffin        2.80
+1       Sausage McMuffin    3.00
+2       Hot Coffee          2.00
+4       Hash Brown          1.60
+
+Total: 14.47
+```