Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sara Van Peursem #1249

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 9 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,15 +24,19 @@ Demonstrate your understanding of this week's concepts by answering the followin

Edit this document to include your answers after each question. Make sure to leave a blank line above and below your answer so it is clear and easy to read by your team lead

1. Briefly compare and contrast `.forEach` & `.map` (2-3 sentences max)
1. Briefly compare and contrast `.forEach` & `.map` (2-3 sentences max) .forEach is to change an array. .map is a new changed array.

2. Explain the difference between a callback and a higher order function.

3. What is closure?
2. Explain the difference between a callback and a higher order function. A higher-order function is a function that takes another function(s) as an argument(s) and/or returns a function to its callers. A callback function is a function that is passed to another function with the expectation that the other function will call it

3. What is closure? A closure is a feature in JavaScript where an inner function has access to the outer (enclosing) function's variables.
4. Describe the four rules of the 'this' keyword.
1. Whenever a function is contained in the global scope, the value of this inside of that function will be the window object.
2. Whenever a function is called by a preceding dot, the object before that dot is this.
3. Whenever JavaScript’s call or apply method is used, this is defined.

4. Whenever a constructor function is used, this refers to the specific instance of the object that is created and returned by the constructor function.

5. Why do we need super() in an extended class?
5. Why do we need super() in an extended class? The super keyword in JavaScript is used in order to call the methods of the parent class. By itself, super() is used within a constructor function to call the parent constructor function.

### Task 1 - Project Set up

Expand Down
53 changes: 41 additions & 12 deletions challenges/arrays-callbacks.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
// ==== ADVANCED Array Methods ====

// Given this zoo data from around the United States, follow the instructions below. Use the specific array methods in the requests below to solve the problems.
// Given this zoo data from around the United States, follow the instructions below.
//

const zooAnimals = [
{ animal_name: "Jackal, asiatic", population: 5, scientific_name: "Canis aureus", state: "Kentucky" },
Expand All @@ -17,36 +18,50 @@ const zooAnimals = [

/* Request 1: .forEach()

The zoos want to display both the scientific name and the animal name in front of the habitats. Populate the displayNames array with only the animal_name and scientific_name of each animal. displayNames will be an array of strings, and each string should follow this pattern: "Name: Jackal, asiatic, Scientific: Canis aureus."
The zoos want to display both the scientific name and the animal name in front of the habitats.
Populate the displayNames array with only the animal_name and scientific_name of each animal.
displayNames will be an array of strings, and each string should follow this pattern:
"Name: Jackal, asiatic, Scientific: Canis aureus."

*/
const displayNames = [];
displayNames.forEach(element => console.log(element));
console.log(displayNames);

/* Request 2: .map()

The zoos need a list of all their animal's names (animal_name only) converted to lower case. Using map, create a new array of strings named lowCaseAnimalNames, each string following this pattern: "jackal, asiatic". Log the resut.
The zoos need a list of all their animal's names (animal_name only) converted to lower case.
Using map, create a new array of strings named lowCaseAnimalNames, each string following this
pattern: "jackal, asiatic". Log the resut.

*/

const lowCaseAnimalNames = [];
const lowCaseAnimalNames = zooAnimals.map(animal_name)
return {"animal_name": animal.lowCaseAnimalNames}
console.log(lowCaseAnimalNames);

/* Request 3: .filter()

The zoos are concerned about animals with a lower population count. Using filter, create a new array of objects called lowPopulationAnimals which contains only the animals with a population less than 5.
The zoos are concerned about animals with a lower population count. Using filter, create a new
array of objects called lowPopulationAnimals which contains only the animals with a population
less than 5.

*/
const lowPopulationAnimals = [];
for (let index = 0; index < 5; index++) {
if(data[i].population >= 5) {
lowPopulationAnimals.push(data[i]);
console.log(lowPopulationAnimals);

/* Request 4: .reduce()

The zoos need to know their total animal population across the United States. Find the total population from all the zoos using the .reduce() method. Remember the reduce method takes two arguments: a callback (which itself takes two args), and an initial value for the count.
The zoos need to know their total animal population across the United States.
Find the total population from all the zoos using the .reduce() method.
Remember the reduce method takes two arguments: a callback (which itself takes two args),
and an initial value for the count.

*/
const populationTotal = 0;
console.log(populationTotal);
const populationTotal = zooAnimals.reduce((callback (accumulator, 0))
console.log(populationTotal)


// ==== Callbacks ====
Expand All @@ -56,23 +71,37 @@ console.log(populationTotal);
* The first two parameters can take any argument (we can pass any value as argument)
* The last parameter accepts a callback
* The consume function should return the invocation of cb, passing a and b into cb as arguments
*/

function consume(cb, b, a)
return cb (a, b)

/* Step 2: Create several functions to callback with consume();
* Create a function named add that returns the sum of two numbers
* Create a function named multiply that returns the product of two numbers
* Create a function named greeting that accepts a first and last name and returns "Hello first-name last-name, nice to meet you!"
*/

function consume(cb, b, a)
return cb (a, b)

function add (cb)
return (a+b)

function multiply (cb)
return a*b;

/* Step 3: Check your work by un-commenting the following calls to consume(): */
function greeting (cb)
return 'Hello ${first-name} ${last-name} , nice to meet you'

//* Step 3: Check your work by un-commenting the following calls to consume(): *//
// console.log(consume(2, 2, add)); // 4
// console.log(consume(10, 16, multiply)); // 160
// console.log(consume("Mary", "Poppins", greeting)); // Hello Mary Poppins, nice to meet you!



console.log(consume(2, 2, add)); // 4
console.log(consume(10, 16, multiply)); // 160
console.log(consume("Mary", "Poppins", greeting)); // Hello Mary Poppins, nice to meet you!

/*

Expand Down
2 changes: 1 addition & 1 deletion challenges/classes.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,4 @@
// console.log(cuboid.volume()); // 100
// console.log(cuboid.surfaceArea()); // 130

// Stretch Task: Extend the base class CuboidMaker with a sub class called CubeMaker. Find out the formulas for volume and surface area for cubes and create those methods using the dimension properties from CuboidMaker. Test your work by logging out your volume and surface area.
// Stretch Task: Extend the base class CuboidMaker with a sub class called CubeMaker. Find out the formulas for volume and surface area for cubes and create those methods using the dimension properties from CuboidMaker. Test your work by logging out your volume and surface area.z
18 changes: 13 additions & 5 deletions challenges/closure.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
// ==== Closures ====

/* Task 1: Study the code below and explain in your own words why nested function can access the variable internal. */
/* Task 1: Study the code below and explain in your own words why nested function can access
the variable internal. */


const external = "I'm outside the function";
Expand All @@ -16,9 +17,16 @@ function myFunction() {
}
myFunction();

// Explanation:


//Explanation:
//Because it is inside the function rather than outside the function.
/* Task 2: Counter */

/* Create a function called `sumation` that accepts a parameter and uses a counter to return the summation of that number. For example, `summation(4)` should return 10 because 1+2+3+4 is 10. */
/* Create a function called `sumation` that accepts a parameter and uses a counter to return the
summation of that number. For example, `summation(4)` should return 10 because 1+2+3+4 is 10. */

function summation ()
{ let add = (function () {
var counter = 0;
return function () {counter += 1; return counter}
})();
}
27 changes: 16 additions & 11 deletions challenges/prototypes.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,29 +5,34 @@
/* == Step 1: Base Constructor ==
Create a constructor function named CuboidMaker that accepts properties for length, width, and height
*/
function CuboidMaker(length, width, height) {
this.length = length;
this.width = width;
this.height = height;
}


/* == Step 2: Volume Method ==
Create a method using CuboidMaker's prototype that returns the volume of a given cuboid's length, width, and height

Create a method using CuboidMaker's prototype that returns the volume of a given cuboid's length,
width, and height

Formula for cuboid volume: length * width * height
*/

CuboidMaker.prototype.volume = length * width * height

/* == Step 3: Surface Area Method ==
Create another method using CuboidMaker's prototype that returns the surface area of a given cuboid's length, width, and height.
Create another method using CuboidMaker's prototype that returns the surface area of a given cuboid's
length, width, and height.

Formula for cuboid surface area of a cube: 2 * (length * width + length * height + width * height)
*/


CuboidMaker.prototype.surfaceArea = 2 * (length * width + length * height + width * height)
/* == Step 4: Create a new object that uses CuboidMaker ==
Create a cuboid object that uses the new keyword to use our CuboidMaker constructor
Add properties and values of length: 4, width: 5, and height: 5 to cuboid.
*/

const CuboidMaker = new Object();
// Test your volume and surfaceArea methods by uncommenting the logs below:
// console.log(cuboid.volume()); // 100
// console.log(cuboid.surfaceArea()); // 130


console.log(cuboid.volume()); // 100
console.log(cuboid.surfaceArea()); // 130
}