Javascript: Conditionals and Loop

CONDITIONAL

if-else

if-else if-else

switch

LOOP

repetition a set of actions until a certain condition fails

1. for loop

Example 1:

for(var a = 0; a <= 10; a++){

console.log(a);

}

Output: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

Example 2:

for(var a = 2; a <= 10; a+= 2){

console.log(a);

}

Output: 2, 4, 6, 8, 10

Example 3:

for(var a = 1; a <= 10; a+= 2){

console.log(a);

}

Output: 1, 3, 5, 7, 9

Example 4:

for(var a = 1; a > 0; a++;){

console log(a);

}

Output: unlimited, chances of computer crash

2. while loop: condition check first

Example

var i = 0;

a `while..true` loop would run forever, right?

while (true) {

stop the loop?

if ((i <= 10) === false) {

break;

}

console.log( i );

i = i + 1;

}

0 1 2 3 4 5 6 7 8 9 10

Comments

Javascript: Object to Array and Array to Object

Output: Final Array [ { mango: 1 }, { apple: 2 }, { banana: 3 }, { orange: 1 }, { watermelon: 1 }, { papaya: 1 } ] Output: Final Object { mango: 1, apple: 2, banana: 3, orange: 1, watermelon: 1, papaya: 1 }

Javascript: Callback and High Order Function

CALLBACK A callback is a function that gets invoked after an asynchronous result appears. a callback function is an async function argument. - Asynchronous code result handle using callback and promises. // callback function function with argument // ---argument :// if a function pass-through function as an argument, it is higher-order function. function needs to be called in order to execute. a callback is used when calling a function asynchronous What is a Callback or Higher-order Function? A callback function , also known as a higher-order function, is a function that is passed to another function (let’s call this other function “otherFunction”) as a parameter, and the callback function is called (or executed) inside the otherFunction. A callback function is essentially a pattern (an established solution to a common problem), and therefore, the use of a callback function is also known as a callback pattern. High-order function is a function that takes ...

Javascript: Frontend - AngularJS

# FrontEnd Technologies: # Web (Internet) - Html, css framework (bootstrap, material design-> component based) Angular 2 - Single page application (fast). - Web application or website that interacts with the user by dynamically rewritting the current page rather than loading entire new pages from a server. - Can do asynchronous jobs. # Tools: - Typescript - VS code # MVVW (Model View ViewModel Pattern) -> two-way data binding - In angular, the controller (the C in MVC) is replaced by ViewModel (the VM in MVVM). # Typescript Programming Language Typescript (.ts) is imp in angular 2. - supersetup js - strictly typed program - can do class based oop - future programming language. - security maintain (TS code compile and run in js) - JS with additional features. # Data Binding - Controller and Views synchronize. Types: 1. Event - eg: click, onClick, change 2. Property - eg: hide, show 3. 2-way binding - Reflect in view if changes in model- c...

Coding

Search This Blog