Show Menu
Cheatography

Full Stack Dev With JS - Quiz1 Cheat Sheet by

Full Stack Dev With JS - Quiz1

HTML-D­OM-­Met­hod­s-n­-Pr­ope­rties

innerHTML
This is a simple heading and <span style=­"­dis­play: none;"> it shows some </s­pan> text on the page
innerText
This is a simple heading and text on the page

Essent­ial­s-ES6 Refresher

Template Strings
consol­e.log(
${last­Name}, ${firs­tName} ${midd­leName}
);
Arrow Functions
const square = number => number­*nu­mber;
Spread Operator
combined = [...first, ...second]
Concat
let combined = first.c­on­cat­(se­cond);
Exporting
export class Person {}

Essent­ial­s-ES6 Refresher

Template Strings
consol­e.log(
${last­Name}, ${firs­tName} ${midd­leName}
);
Arrow Functions
const square = number => number­*nu­mber;
Spread Operator
combined = [...first, ...second]
Concat
let combined = first.c­on­cat­(se­cond);
Exporting
export class Person {..}
Import
import {Person} from './per­son';

JavaScript Functional Progra­mming

Map
const modifi­edN­umbers = number­s.m­ap(­(nu­mber) => { return number*2 })
Filter
let berryF­ruits = fruits.fi­lte­r(fruit => { return fruit.i­nc­lud­es(­"­ber­rie­s") })
Reduce
let sum = number­s.r­edu­ce(­(acc, now) => { consol­e.log(
previous is ${acc}, now is ${now}
); return acc + now; // return acc+now; })
Find
let firstBerry = fruits.fi­nd(­fruit => fruit.i­nc­lud­es(­"­ber­rie­s"))
FindIndex
let firstB­err­yIndex = fruits.fi­ndI­nde­x(fruit => fruit.i­nc­lud­es(­"­ber­rie­s"))
Some
let someFr­uite5 = fruits.so­me(­fruit => fruit.l­ength >= 5)
Every
let everyF­ruite5 = fruits.ev­ery­(fruit => fruit.l­ength >= 5)
 

Filter + Map

const jobs = [
{ id: 101, isActive: true },
{ id: 102, isActive: false },
{ id: 103, isActive: true },
{ id: 103, isActive: false },
{ id: 105, isActive: false },
]

const activeJobs = jobs.filter((job) => job.isActive).map((value)=> {
    return value.id
})

JavaScript Functional Progra­mming - Code

const totalVowelCount = fruits.reduce((prev,curr)=>{
    let count = 0;
     for(let letter of curr){
        if(letter=='a'||letter=='e'||letter=='i'||letter=='o'||letter=='u'){
            count++;
        }
    }
    return prev+count;
},0)

JavaScript Functional Progra­mming - Code

const totalVowelCount = fruits.reduce((acc, now)=> {
    let count = 0;
    for (const char of now) {
        if (vowels.includes(char.toLowerCase())) {
            count++;
        }
    }
    return acc +count
},0)
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          JavaScript Cheat Sheet
            Bootstrap Glyphicons Cheat Sheet by James Croft

          More Cheat Sheets by sally sung

          Web Development Cheat Sheet
          Web Development Midterm Cheat Sheet
          Web Development Quiz2 Cheat Sheet