Writing .map() & .every () from scratch

Advertisements

setInterval vs setTimeout

Both are Javascript’s timing events.

setInterval(function(), milliseconds):

• Executes a function repeatedly, with a fixed time delay between each call to that function. (useful for countdown)
• clearInterval() takes an in-scope variable which points to the setInterval method and stops the function from looping.

 

setTimeout(function(), milliseconds):

• Executes a function once, after waiting a specified delay.
• clearTimeout() stops the execution, thus disabling it from running again in the future.

Notes:

• 1000 milliseconds = 1 second

$(document).ready() vs. window.onload()

SUMMARY: Run Javascript after the DOM has loaded but before the entire page has fully loaded (for faster loading time) because your code relies on working with the DOM.  This can be done with $( document).ready() in jQuery.

$(document).ready() in jQuery executes when the DOM (Document object model) is loaded on your page. DOM means all the html tags/script. It will not wait for the images, frames to be fully loaded.  It is the earliest stage in page load process and executes a bit earlier than window.onload(), thus less time-consuming for the browser.

window.onload() in JavaScript executes when all the content on your page is fully loaded including the DOM, asynchronous javascript, frames, images, and other assets.

PAGE LOADING STAGES:

1. Browser makes a request to download the page
2. Raw markup and DOM is loading (does not include external sources such as images and stylesheets).  DOMContentLoaded event occurs at the end of this stage and you can set your code to run at this time with $(document).ready().
3. Page is fully loaded with images and stylesheets.  Load event occurs at the end of this stage and you can execute your code to run at this time with window.onload().  (You rarely need to do this unless you need to work with the images or assets in your code).

JS Object Model

Create an object constructor so you can use it as a blueprint to create new instances of that object later (in this example, that instance of the Person object is ‘bob’).

The methods created for the object constructor are the object keys.  Methods created inside a constructor start with ‘this.’

Array.prototype.forEach()

.forEach() executes the callback function on each item of the array once.

arr.forEach(function callback(currentValue, index, array) {
    //your iterator
}[, thisArg]);

How to use:

1. Create a callback function

   function logArrayElements(element, index, array) {
     console.log('a[' + index + '] = ' + element);
   }

2. Apply callback function to .forEach() method

   [2, 5, , 9].forEach(logArrayElements);
   
   // a[0] = 2
   // a[1] = 5
   // a[3] = 9

* This can be combined into one step if the callback function is simple.

 

.substr() vs .substring() vs .slice()

string.slice(beginIndex, endIndex)

Example: “1234”.slice(1,3)   // “23”

string.substring(beginIndex, endIndex)

Example: “1234”.substring(1,3) // “23”

string.substr(beginIndex, length);

Example: “1234”.substr(1,2) // “23”

FCC: Profile Lookup

Solution: 

So I thought I got the correct solution pretty quickly but it would only pass 2/5 test cases.  Turned out, it was because I was returning “No such contact” inside the outer if statement..