Skip to main content

Javascript: Operators and Expression



OPERATORS

1. arithmetic operators
+ (addition)
- (subtraction)
/ (division)
* (multiplication)
% (modulus)

2. ++ (increment)
-- (decrement)
+= (eg: a+= b means a = a+b;)
-= (eg: a-=b means a = a-b;)
>, <, >=, <= (Relation operators)

3. = (assignment operator)
== (equality operator, value check)
=== (check value and data type)
eg if(95 == '95'){
console.log('hi');
}

matched
eg if(95 === '95'){
console.log('hi');
}
does not match, value 95 correct but number and string data type

4. logical operators
! (logical not)
var a = true;
console.log(a);
&& (logical and both value should be true)
a && b means a and b should be true

|| (logical or)
either value should be true
a || b means a or b should be true

? (ternary operator)
a?a:b means a takes a value if its there otherwise takes b value

" + " , " , " (concatenate operator)
Code is a set of special instructions to tell the computer what tasks to performs.
statement is a group of words, numbers and operations that performs a specific tasks.
eg: a = b * 2;

Expression: statements are made up of one or more expressions.
eg: a is a variable, 2 is literal value expression, b*2 is arithmetic expression, a = b * 2 has assignment operator

Example in console
var a = 21;
var b = 12;
a*b
output: 252

Javascript inbuild function
example: alert('hi); confirm('Are you sure')

Converting between types
If you have a number but need to print it on the screen, you need to convert the value to the String, this conversion is called Coercion


Implicit Coercion: conversion by js itself
Example
if(95 == '95'){
console.log('hi');
}

Explicit Coercion: conversion by us
Example
var a = '21';
a output '21'
Number(a);

Comment
(single comment)
/* multi line comment */
Block of code (opening and closing block)
if(){
if block
}else{
else block
}

Comments

Popular posts from this blog

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