Variables are our primary
mechanism for storage
declaration
var data;
data
assignment
var data = 7;
data
7
7
retrieval
data;
data
7
use
x + data;
"Hello" + greeting
data
7
x
10
greeting
"my friend"
combination
var num = x + data;
data
7
x
10
num
?
copy
var data = x;
data
?
x
10
var num = 7; //number
var num2 = 3.222; //number
var string = "abcdefgxyz"
var string2 = 'abcdefgxyz'
var boolean = true;
var boolean = false;
var nothing = null;
var nothing2 = undefined;
var nothing3 = 77 / "words";
// NaN - Not a number
data
x
person32
favorite_food
_favoriteFood
$favoriteFood
food$
7foods
two monkeys
a-variable-name
really!cool!variable
360degrees
var
age === 18;
age === 21;
age == 18;
age == 21;
var age = 18;
age === 18;
age === 21;
age == 18;
age == 21;
var age = 18;
var age = 18;
age == 18; //true
age === 18; //true
var age = "18";
age == 18; //true
age === 18; //false
var quantity = 5;
quantity === 5;
quantity === 6;
quantity < 5;
quantity <= 5;
quantity > 5;
quantity >= 5;
quantity !== 5;
quantity !== 10;
var state = "UT";
var isPhysicalItem = true;
state === "UT" && isPhysicalItem === true
state === "UT" && isPhysicalItem === false
state === "AZ" && isPhysicalItem === true
state === "AZ" && isPhysicalItem === true
var state = "UT";
var isPhysicalItem = true;
state === "UT" && isPhysicalItem === true
state === "UT" && isPhysicalItem === false
state === "AZ" && isPhysicalItem === true
state === "AZ" && isPhysicalItem === false
var state = "UT";
var isPhysicalItem = true;
state === "UT" || isPhysicalItem === true
state === "UT" || isPhysicalItem === false
state === "AZ" || isPhysicalItem === true
state === "AZ" || isPhysicalItem === true
var state = "UT";
var isPhysicalItem = true;
state === "UT" || isPhysicalItem === true
state === "UT" || isPhysicalItem === false
state === "AZ" || isPhysicalItem === true
state === "AZ" || isPhysicalItem === true
if ( ... ) { }
var color = "red"
if ( color === "red" ) {
console.log("You like red")
}
if ( color === "blue") {
console.log("You like blue")
}
if ( ... ) { }
if ( count < 10 ) { //code }
if ( count + 3 / 7 >= 4 ) { //code }
if ( name === "John Doe" ) { //code }
if ( phone < 9999999999 ) { //code }
if ( glucoseLevel > safeGlucose
|| heartRate > safeHeartRate) { //code }
if ( score > opposingScore
&& timeOnClock <= 0) { //winner found` }
if ( ... ) { } else { }
var color = "red"
if ( color === "red" ) {
console.log("You like red")
} else {
console.log("You don't like red")
}
if ( color === "blue") {
console.log("You like blue")
} else {
console.log("You don't like blue")
}
if ( count < 10 ) {
//count is less than 10
} else {
//count 10 or greater
}
if ( name === "John Doe" ) {
//name is John Doe
} else {
//name is not "John Doe"
}
if ( glucoseLevel > safeGlucose
|| heartRate > safeHeartRate) {
// glucose is high or heart rate is high
} else {
// glucose and heart rate are both safe
}
if ( score > opposingScore
&& timeOnClock <= 0) {
//winner found`
} else {
//You lost OR the game is still going
}
if ( timeOnClock > 0 ) {
//Game is still going
} else if ( score > opposingScore ) {
// game is over, you win
} else {
// game is over, you lose
}
var numberOfCats = 4;
switch(numberOfCats) {
case 0:
console.log("You don't like cats");
break;
case 1:
console.log("You're okay with cats");
break;
case 2:
console.log("You really like cats");
break;
case 3:
console.log("You're officially a cat person");
break;
default:
console.log("You're probably half cat");
break;
}
if ( 7 ) {}
if ( "words" ) {}
if ( false ) {}
if ( null ) {}
if ( myVar ) {}
7 && 3
7 && "Steve"
true && James
isAdmin && isDave
!isAdmin
if(!name){}
"" or ''
0
false
null
undefined
NaN
Everything else
Numbers > or < 0
Non-empty strings (including whitespace)
functions, objects, arrays, etc
if ( isAdmin === true ) { }
if ( isAdmin ) {}
if ( count > 0 || count < 0 ) {}
if ( count ) {}
if ( name !== "" ) {}
if ( name ) {}
var isEmpty = !count;