Skip to content
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
34 changes: 34 additions & 0 deletions Answers.md
Original file line number Diff line number Diff line change
@@ -1 +1,35 @@


1. Describe the biggest difference between .forEach & .map.
forEach loops through each thing in an array and calls a function
map loops through each thing and returns an array.

2. What is the difference between a function and a method?
a function is called by name
a method is called by a name that is associated with an object

3. What is closure?
the scopes that a function can get access to. can have global scope, outer functions variables, and its own scope.

4. Describe the four rules of the 'this' keyword.
1.
implicit binding:
this is when you use "this" inside of a object, "this" in this case will check the object
for the key that you are asking for and return the value.
2.
explicit binding:
this is when you use methods outside of the object to attribute keys to an object. You can use .call(),
.apply() and .bind().
.call() : explicitly states the attributes that you want to take.
.apply() : allows you to pass in an array of arguments instead of one by one.
.bind() : allows you to store the attributes into a variable.

3.
new Binding:
You can create a prototype function, and use it to create new objects with the same keys as the prototype.
4.
Window Binding:
the window is the object that is defaulted to when you use this without anything to point to.
you can "use strict" to prevent yourself from referencing the window object.
5. Why do we need super() in an extended class?
super calls the methods or functions of the parent class.
66 changes: 63 additions & 3 deletions challenges/classes.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,67 @@
// 1. Copy and paste your prototype in here and refactor into class syntax.
/* ===== Prototype Practice ===== */

// Task: You are to build a cuboid maker that can return values for a cuboid's volume or surface area. Cuboids are similar to cubes but do not have even sides. Follow the steps in order to accomplish this challenge.

/* == Step 1: Base Constructor ==
Create a constructor function named CuboidMaker that accepts properties for length, width, and height
*/
class CuboidMaker {
constructor(attributes) {
this.length = attributes.length;
this.width = attributes.width;
this.height = attributes.height;
}
volume() {
let vol = this.length * this.width * this.height;
return vol
}
surfaceArea() {
let surf = 2 * (this.length * this.width + this.length * this.height + this.width * this.height);

return surf
}

}

let cuboid = new CuboidMaker({
length: 4,
width: 5,
height: 5,
})
// 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



// 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.


class CubeMaker extends CuboidMaker {
constructor(cubeAttributes) {
super(cubeAttributes);

}
cubeVolume() {
let vol = this.length ** 3;
return vol
}
cubeSurfaceArea() {
let surf = 6 * this.length ** 2;
return surf

}
}

let cube = new CubeMaker({
length: 3,
width: 3,
height: 3
})

// 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.
console.log(cube.cubeVolume())
console.log(cube.cubeSurfaceArea());
27 changes: 21 additions & 6 deletions challenges/functions.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,25 +6,40 @@
* The last parameter accepts a callback
* In the body of the function return the callback with the two parameters that you created
*/
function consume(x, y, cb) {
return cb(x, y);
}


/* 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!"
* Create a function named greeting that accepts a first and last name and returns
* "Hello first-name last-name, nice to meet you!"
*/
function add(x, y) {
return (x + y);
}


/* Step 3: Check your work by uncommenting the following calls to consume(): */
//consume(2,2,add); // 4
// consume(10,16,multiply); // 160
// consume("Mary","Poppins", greeting); // Hello Mary Poppins, nice to meet you!
function multiply(x, y) {
return (x * y);
}


function greeting(x, y) {
return `hello ${x} ${y}, nice to meet you`;
}

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

// ==== Closures ====
// Explain in your own words why `nestedfunction()` can access the variable `internal`.

// Explanation:
// Explanation: Closure allows nested function to access eachothers variables


const external = "I'm outside the function";
Expand Down
91 changes: 59 additions & 32 deletions challenges/objects-arrays.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@
*/

// tyrannosaurus, carnivorous, 7000kg, 12m, Late Cretaceious

const tyrannosaurus = { name: "tyrannosaurus", diet: "carnivorous", weight: '7000kg', length: '12m', period: "late Cretaceious", roar: function () { return "RAWERSRARARWERSARARARRRR!"; } }
// stegosaurus, herbivorous, 2000kg, 9m, Late Jurassic

const stegosaurus = { name: "stegosaurus", diet: "herbivorous", weight: '2000kg', length: '9m', period: "late Jurassic" }
// velociraptor, carnivorous, 15kg, 1.8m, Late Cretaceious

const velociraptor = { name: "stegosaurus", diet: "herbivorous", weight: '2000kg', length: '9m', period: "late Jurassic" }
// Using your dinosaur objects, log answers to these questions:

// How much did tyrannosaurus weigh?
Expand All @@ -24,28 +24,34 @@ console.log(stegosaurus.length);
console.log(tyrannosaurus.period);

// Create a new roar method for the tyrannosaurus. When called, return "RAWERSRARARWERSARARARRRR!" Log the result.

console.log(tyrannosaurus.roar());


// ==== Arrays ====

// Given an array of college graduates. Complete the following requests WITHOUT using any array methods like .forEach(), .map(), .reduce(), .filter()

const graduates = [{"id":1,"first_name":"Cynde","university":"Missouri Southern State College","email":"[email protected]"},
{"id":2,"first_name":"Saundra","university":"The School of the Art Institute of Chicago","email":"[email protected]"},
{"id":3,"first_name":"Lambert","university":"Marian College","email":"[email protected]"},
{"id":4,"first_name":"Modestine","university":"International Medical & Technological University","email":"[email protected]"},
{"id":5,"first_name":"Chick","university":"Sultan Salahuddin Abdul Aziz Shah Polytechnic","email":"[email protected]"},
{"id":6,"first_name":"Jakob","university":"Fachhochschule Rosenheim, Hochschule für Technik und Wirtschaft","email":"[email protected]"},
{"id":7,"first_name":"Robbi","university":"Salem University","email":"[email protected]"},
{"id":8,"first_name":"Colline","university":"Coastal Carolina University","email":"[email protected]"},
{"id":9,"first_name":"Michail","university":"Universidad Católica de Ávila","email":"[email protected]"},
{"id":10,"first_name":"Hube","university":"Universitat Rovira I Virgili Tarragona","email":"[email protected]"}]
const graduates = [{ "id": 1, "first_name": "Cynde", "university": "Missouri Southern State College", "email": "[email protected]" },
{ "id": 2, "first_name": "Saundra", "university": "The School of the Art Institute of Chicago", "email": "[email protected]" },
{ "id": 3, "first_name": "Lambert", "university": "Marian College", "email": "[email protected]" },
{ "id": 4, "first_name": "Modestine", "university": "International Medical & Technological University", "email": "[email protected]" },
{ "id": 5, "first_name": "Chick", "university": "Sultan Salahuddin Abdul Aziz Shah Polytechnic", "email": "[email protected]" },
{ "id": 6, "first_name": "Jakob", "university": "Fachhochschule Rosenheim, Hochschule für Technik und Wirtschaft", "email": "[email protected]" },
{ "id": 7, "first_name": "Robbi", "university": "Salem University", "email": "[email protected]" },
{ "id": 8, "first_name": "Colline", "university": "Coastal Carolina University", "email": "[email protected]" },
{ "id": 9, "first_name": "Michail", "university": "Universidad Católica de Ávila", "email": "[email protected]" },
{ "id": 10, "first_name": "Hube", "university": "Universitat Rovira I Virgili Tarragona", "email": "[email protected]" }]

/* Request 1: Create a new array called universities that contains all the univeristies in the graduates array.

Once you have the new array created, sort the universities alphabetically and log the result. */
const universities = [];

for (i = 0; i < graduates.length; i++) {
universities.push(graduates[i].university);
}

console.log(universities)

/* Request 2: Create a new array called contactInfo that contains both first name and email of each student.
Expand All @@ -54,7 +60,13 @@ The resulting contact information should have a space between the first name and
Name [email protected]

Log the result of your new array. */

const contactInfo = [];

for (i = 0; i < graduates.length; i++) {
contactInfo.push(graduates[i].first_name + ' ' + graduates[i].email);
}

console.log(contactInfo);


Expand All @@ -68,48 +80,63 @@ console.log(uni);
// 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.


zooAnimals = [{"animal_name":"Jackal, asiatic","population":5,"scientific_name":"Canis aureus","state":"Kentucky"},
{"animal_name":"Screamer, southern","population":1,"scientific_name":"Chauna torquata","state":"Alabama"},
{"animal_name":"White spoonbill","population":8,"scientific_name":"Platalea leucordia","state":"Georgia"},
{"animal_name":"White-cheeked pintail","population":1,"scientific_name":"Anas bahamensis","state":"Oregon"},
{"animal_name":"Black-backed jackal","population":2,"scientific_name":"Canis mesomelas","state":"Washington"},
{"animal_name":"Brolga crane","population":9,"scientific_name":"Grus rubicundus","state":"New Mexico"},
{"animal_name":"Common melba finch","population":5,"scientific_name":"Pytilia melba","state":"Pennsylvania"},
{"animal_name":"Pampa gray fox","population":10,"scientific_name":"Pseudalopex gymnocercus","state":"Connecticut"},
{"animal_name":"Hawk-eagle, crowned","population":10,"scientific_name":"Spizaetus coronatus","state":"Florida"},
{"animal_name":"Australian pelican","population":5,"scientific_name":"Pelecanus conspicillatus","state":"West Virginia"}];

const zooAnimals = [{ "animal_name": "Jackal, asiatic", "population": 5, "scientific_name": "Canis aureus", "state": "Kentucky" },
{ "animal_name": "Screamer, southern", "population": 1, "scientific_name": "Chauna torquata", "state": "Alabama" },
{ "animal_name": "White spoonbill", "population": 8, "scientific_name": "Platalea leucordia", "state": "Georgia" },
{ "animal_name": "White-cheeked pintail", "population": 1, "scientific_name": "Anas bahamensis", "state": "Oregon" },
{ "animal_name": "Black-backed jackal", "population": 2, "scientific_name": "Canis mesomelas", "state": "Washington" },
{ "animal_name": "Brolga crane", "population": 9, "scientific_name": "Grus rubicundus", "state": "New Mexico" },
{ "animal_name": "Common melba finch", "population": 5, "scientific_name": "Pytilia melba", "state": "Pennsylvania" },
{ "animal_name": "Pampa gray fox", "population": 10, "scientific_name": "Pseudalopex gymnocercus", "state": "Connecticut" },
{ "animal_name": "Hawk-eagle, crowned", "population": 10, "scientific_name": "Spizaetus coronatus", "state": "Florida" },
{ "animal_name": "Australian pelican", "population": 5, "scientific_name": "Pelecanus conspicillatus", "state": "West Virginia" }];

/* Request 1: .forEach()

The zoo wants to display both the scientific name and the animal name in front of the habitats. Return an array with only the animal and scientific names in it. The individual values in the array should look like this "Name: Jackal, asiatic, Scientific: Canis aureus."
The zoo wants to display both the scientific name and the animal name in front of the habitats.
Return an array with only the animal and scientific names in it.
The individual values in the array should look like this "Name: Jackal, asiatic, Scientific: Canis aureus."

*/
const animalNames = [];
console.log(animalNames);
zooAnimals.forEach(element => {
animalNames.push(`Name: ${element.animal_name} Scientific: ${element.scientific_name}`);
});

/* Request 2: .map()
console.log(animalNames);

The zoos need a list of all their animal's names (names only, not scientific) converted to lower case. Create a new array named lowerCase and map over each name to convert them all to lower case. Log the resut.
/*
The zoos need a list of all their animal's names (names only, not scientific)
converted to lower case. Create a new array named lowerCase and map
over each name to convert them all to lower case. Log the result.

*/

const lowerCase = [];
console.log(lowerCase);
const lowerCase = zooAnimals.map(item => 'name: ' + item.animal_name.toLowerCase());
console.log(lowerCase);

/* Request 3: .filter()

The zoos are concenred about animals with a lower population count. Find out which animals have a population less than 5.

*/
const largerPopulation = [];
const largerPopulation = zooAnimals.filter(x => {
return x.population < 5
});



console.log(largerPopulation);

/* 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.

*/
const populationTotal;
let populationTotal = [];
populationTotal = zooAnimals.reduce((total, amount) => ({ population: total.population + amount.population }));


console.log(populationTotal);


Expand Down
24 changes: 21 additions & 3 deletions challenges/prototypes.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@
/* == Step 1: Base Constructor ==
Create a constructor function named CuboidMaker that accepts properties for length, width, and height
*/
function CuboidMaker(attributes) {
this.length = attributes.length;
this.width = attributes.width;
this.height = attributes.height;
}


/* == Step 2: Volume Method ==
Expand All @@ -13,21 +18,34 @@
Formula for cuboid volume: length * width * height
*/

CuboidMaker.prototype.volume = function () {
let vol = this.length * this.width * this.height;
return vol
}


/* == 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.

Formula for cuboid surface area of a cube: 2 * (length * width + length * height + width * height)
*/
CuboidMaker.prototype.surfaceArea = function () {
let surf = 2 * (this.length * this.width + this.length * this.height + this.width * this.height);

return surf
}

/* == 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.
*/

let cuboid = new CuboidMaker({
length: 4,
width: 5,
height: 5,
})
// 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