diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/assignments/array-methods.js b/assignments/array-methods.js index f3862361e..66fef3eef 100644 --- a/assignments/array-methods.js +++ b/assignments/array-methods.js @@ -57,29 +57,49 @@ const runners = [ // ==== Challenge 1: Use .forEach() ==== // The event director needs both the first and last names of each runner for their running bibs. Combine both the first and last names and populate a new array called `fullNames`. This array will contain just strings. -let fullNames = []; -console.log(fullNames); +let fullName = []; +runners.forEach(runner => fullName.push( `${runner.first_name} ${runner.last_name}`)); +console.log(fullName); // ==== Challenge 2: Use .map() ==== // The event director needs to have all the runners' first names in uppercase because the director BECAME DRUNK WITH POWER. Populate an array called `firstNamesAllCaps`. This array will contain just strings. -let firstNamesAllCaps = []; +let firstNamesAllCaps = runners.map((currentItem) => { + currentItem.first_name = currentItem.first_name.toUpperCase(); + return currentItem; +}); console.log(firstNamesAllCaps); // ==== Challenge 3: Use .filter() ==== // The large shirts won't be available for the event due to an ordering issue. We need a filtered version of the runners array, containing only those runners with large sized shirts so they can choose a different size. This will be an array of objects. -let runnersLargeSizeShirt = []; +let runnersLargeSizeShirt = runners.filter((currentItem) => { + return currentItem.shirt_size === "L" +}); console.log(runnersLargeSizeShirt); + // ==== Challenge 4: Use .reduce() ==== // The donations need to be tallied up and reported for tax purposes. Add up all the donations and save the total into a ticketPriceTotal variable. -let ticketPriceTotal = 0; +let ticketPriceTotal = runners.reduce ((accumulator, currentItem) => { + return accumulator + currentItem.donation; +}, 0); console.log(ticketPriceTotal); // ==== Challenge 5: Be Creative ==== // Now that you have used .forEach(), .map(), .filter(), and .reduce(). I want you to think of potential problems you could solve given the data set and the 5k fun run theme. Try to create and then solve 3 unique problems using one or many of the array methods listed above. // Problem 1 - +let lastName = []; +runners.forEach(runner => lastName.push(`${runner.last_name}`)); +console.log(lastName); // Problem 2 +let runnersDonations = runners.filter ((currentItem) => { + return currentItem.donation < 100 +}); +console.log(runnersDonations); -// Problem 3 \ No newline at end of file +// Problem 3 +let emailUpperCase = runners.map((currentItem) => { + currentItem.email = currentItem.email.toUpperCase(); + return currentItem; +}); +console.log(emailUpperCase); \ No newline at end of file diff --git a/assignments/callbacks.js b/assignments/callbacks.js index cb72e70c9..f2a72dba7 100644 --- a/assignments/callbacks.js +++ b/assignments/callbacks.js @@ -27,6 +27,8 @@ const items = ['Pencil', 'Notebook', 'yo-yo', 'Gum']; const test1 = firstItem(items, item => `I love my ${item}!`); console.log(test1); // "I love my Pencil!" + + // TEST 2 (declaring callback before hand): @@ -40,25 +42,56 @@ const items = ['Pencil', 'Notebook', 'yo-yo', 'Gum']; function getLength(arr, cb) { - // getLength passes the length of the array into the callback. + cb(arr.length); } +getLength(items, (itemLength) => { + console.log(itemLength); +}); function last(arr, cb) { - // last passes the last item of the array into the callback. + return cb (arr[arr.length-3]); } +last(items, function (lastItem){ + console.log(lastItem); +}); function sumNums(x, y, cb) { - // sumNums adds two numbers (x, y) and passes the result to the callback. + return cb (x,y); } +console.log(sumNums(2,4, (x,y)=> x + y)); + -function multiplyNums(x, y, cb) { - // multiplyNums multiplies two numbers and passes the result to the callback. +function numbers(x, y, cb) { + return cb(x , y); } +function multiply(x,y){ + return x * y +} +console.log(numbers(3, 6, multiply )); + function contains(item, list, cb) { - // contains checks if an item is present inside of the given array/list. - // Pass true to the callback if it is, otherwise pass false. -} + if(list.includes(item)){ + return cb(true); + } else { + return cb(false); + } +} +contains('Notebook', items, function(result){ + console.log(result); +}); + + + + + + + + + + + + /* STRETCH PROBLEM */ diff --git a/assignments/closure.js b/assignments/closure.js index 4b399c098..6c28631ee 100644 --- a/assignments/closure.js +++ b/assignments/closure.js @@ -4,19 +4,36 @@ // that manipulates variables defined in the outer scope. // The outer scope can be a parent function, or the top level of the script. +let dogs = 'cute'; +function poodles (){ + const smallDogs = 'shis tzus'; + console.log(`The ${smallDogs} is the cutest!`); + function largeDogs (){ + const bigDogs = 'Rottweiler'; + console.log(`I heard that the ${bigDogs} can be killers but they are so adorable`); + } largeDogs(); +} +poodles (); + /* STRETCH PROBLEMS, Do not attempt until you have completed all previous tasks for today's project files */ // ==== Challenge 2: Implement a "counter maker" function ==== -const counterMaker = () => { - // IMPLEMENTATION OF counterMaker: + + + + // IMPLEMENTATION OF counterMaker: // 1- Declare a `count` variable with a value of 0. We will be mutating it, so declare it using `let`! // 2- Declare a function `counter`. It should increment and return `count`. // NOTE: This `counter` function, being nested inside `counterMaker`, // "closes over" the `count` variable. It can "see" it in the parent scope! - // 3- Return the `counter` function. -}; + // 3- Return the `counter` function + + + + + // Example usage: const myCounter = counterMaker(); // myCounter(); // 1 // myCounter(); // 2