Using Comparison Operators

Modern JavaScript Using Control Structures
9 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€95.83
List Price:  €134.16
You save:  €38.33
£79.50
List Price:  £111.30
You save:  £31.80
CA$143.90
List Price:  CA$201.46
You save:  CA$57.56
A$160.64
List Price:  A$224.91
You save:  A$64.26
S$135.72
List Price:  S$190.01
You save:  S$54.29
HK$776.05
List Price:  HK$1,086.50
You save:  HK$310.45
CHF 90.18
List Price:  CHF 126.26
You save:  CHF 36.07
NOK kr1,135.65
List Price:  NOK kr1,589.95
You save:  NOK kr454.30
DKK kr714.78
List Price:  DKK kr1,000.72
You save:  DKK kr285.94
NZ$176.84
List Price:  NZ$247.59
You save:  NZ$70.74
د.إ367.26
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,966.34
List Price:  ৳16,753.36
You save:  ৳4,787.01
₹8,552.86
List Price:  ₹11,974.35
You save:  ₹3,421.48
RM446.65
List Price:  RM625.33
You save:  RM178.68
₦154,954.50
List Price:  ₦216,942.50
You save:  ₦61,988
₨27,870.41
List Price:  ₨39,019.69
You save:  ₨11,149.28
฿3,411.05
List Price:  ฿4,775.61
You save:  ฿1,364.55
₺3,526.84
List Price:  ₺4,937.72
You save:  ₺1,410.88
B$622.57
List Price:  B$871.63
You save:  B$249.05
R1,877.39
List Price:  R2,628.42
You save:  R751.03
Лв187.63
List Price:  Лв262.69
You save:  Лв75.06
₩147,402.34
List Price:  ₩206,369.18
You save:  ₩58,966.83
₪366.10
List Price:  ₪512.56
You save:  ₪146.45
₱5,787.77
List Price:  ₱8,103.11
You save:  ₱2,315.34
¥15,786.12
List Price:  ¥22,101.20
You save:  ¥6,315.08
MX$2,037.77
List Price:  MX$2,852.96
You save:  MX$815.19
QR364.86
List Price:  QR510.83
You save:  QR145.96
P1,392.51
List Price:  P1,949.57
You save:  P557.06
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,086.12
List Price:  E£7,120.77
You save:  E£2,034.65
ብር12,775.73
List Price:  ብር17,886.54
You save:  ብር5,110.80
Kz91,190.88
List Price:  Kz127,670.88
You save:  Kz36,480
CLP$99,000
List Price:  CLP$138,603.96
You save:  CLP$39,603.96
CN¥729.85
List Price:  CN¥1,021.82
You save:  CN¥291.97
RD$6,089.32
List Price:  RD$8,525.29
You save:  RD$2,435.97
DA13,523.04
List Price:  DA18,932.80
You save:  DA5,409.76
FJ$232
List Price:  FJ$324.81
You save:  FJ$92.81
Q771.86
List Price:  Q1,080.63
You save:  Q308.77
GY$20,936.54
List Price:  GY$29,311.99
You save:  GY$8,375.45
ISK kr13,809.61
List Price:  ISK kr19,334.01
You save:  ISK kr5,524.40
DH1,010.12
List Price:  DH1,414.21
You save:  DH404.08
L1,844.84
List Price:  L2,582.85
You save:  L738.01
ден5,904.06
List Price:  ден8,265.92
You save:  ден2,361.86
MOP$800.42
List Price:  MOP$1,120.62
You save:  MOP$320.20
N$1,875.49
List Price:  N$2,625.76
You save:  N$750.27
C$3,684.93
List Price:  C$5,159.05
You save:  C$1,474.12
रु13,704.96
List Price:  रु19,187.49
You save:  रु5,482.53
S/374.64
List Price:  S/524.51
You save:  S/149.87
K400.61
List Price:  K560.88
You save:  K160.26
SAR375.43
List Price:  SAR525.61
You save:  SAR150.18
ZK2,775.82
List Price:  ZK3,886.26
You save:  ZK1,110.44
L476.97
List Price:  L667.78
You save:  L190.80
Kč2,418.02
List Price:  Kč3,385.32
You save:  Kč967.30
Ft39,407.88
List Price:  Ft55,172.60
You save:  Ft15,764.72
SEK kr1,098.38
List Price:  SEK kr1,537.78
You save:  SEK kr439.39
ARS$102,864.61
List Price:  ARS$144,014.57
You save:  ARS$41,149.96
Bs691.77
List Price:  Bs968.51
You save:  Bs276.73
COP$439,472.10
List Price:  COP$615,278.53
You save:  COP$175,806.42
₡50,793.98
List Price:  ₡71,113.60
You save:  ₡20,319.62
L2,543.82
List Price:  L3,561.45
You save:  L1,017.63
₲778,417.60
List Price:  ₲1,089,815.78
You save:  ₲311,398.18
$U4,386.09
List Price:  $U6,140.71
You save:  $U1,754.61
zł409.57
List Price:  zł573.42
You save:  zł163.84
Already have an account? Log In

Transcript

In the previous movie, we introduced the comparison operators with the greater than or equal to operator. Let's quickly take a look at other comparison operators and then we'll talk about logical operators as well. So here are the comparison operators, we have the greater than operator, which allows you to check whether one value is greater than another, the last then we're using the greater than symbol and the less than symbol, we then have the greater than or equal to, and less than or equal to. So those are our comparison operators used very similar to the way we use the greater than or equal to operator in the previous exercise. Now what if you were in a situation where you wanted to compare multiple values, and you didn't want to execute code unless conditionals for these separate statements, all about waited to true. How would you do that?

Well, that's usually done with logical operators. Logical operators route allow you to combine more than one conditional expression. And then the true or false is determined based upon the combined evaluation of those multiple expressions. We have the following logical operators. The logical and which is done using two ampersands. The logical OR which is done using two pipe symbols.

That's the key. That's usually right above the Enter key on your keyboard. And then we also have logical knot which basically reverses the boolean value true becomes false false becomes true. Let's look at some examples of how logical operators could be used. I'm going to jump to sublime and I already have some code Code entered. This is similar code to some we used in the previous movie where we are introducing if statements.

We simply declare a username variable. And then we are checking to see if the username variable is not equal to undefined. If it's not equal to undefined, that means it has a value in it. And so we log out user is and we concatenate the username eltz, meaning it is equal to undefined. Then we simply log out user is not defined. Now what if we were creating a website where we would define the username variable, and then as soon as someone connected, we would put a value into that username variable to track who the user name was.

However, if they did something where they laughed or for some other reason, we wanted to indicate nothing. This again, we would set that username, variable to know. Well, this particular if statement, if this variable is set to no is not quite accurate. For example, let's go ahead and set the username variable equal to null. Now, let's open up the HTML page and see what we are given up the console and see it It indicates the user username variable is defined it has something the problem is what it has is no, which is the value we use to indicate nothingness. So how would we correct that?

We want to check to see whether it's not undefined and whether it's not. No, we want to check both. Both of those need to be checked before we will log out what the user Name is and so to do that we use a logical and that is done you're typing two ampersands. And we enter username. not equal to. No.

Now in order for, for this conditional to evaluate to true, both sides of this logical and must evaluate to true. So the username cannot be equal to undefined and the username cannot be equal to No. If both of those evaluates to true, then the entire conditional is true. And then it will execute this statement. Otherwise, it will execute this. So if one of these is false, it will always execute this.

So the way that conditional and works is if any value evaluates to false, it becomes false. The conditional or the way it would work is that if any value if anything evaluates to true through the entire thing is true. So that's a good way to remember the conditional AND and OR. All right, we made that change where we added the conditional. And let's go ahead and check and see what happens. Now, I'm going to refresh this page.

And notice it now realizes the user is not defined, because it is set to null. And just to test the other side of this, let's set it to an actual value. Save that jump back. And user is James. It shows us correctly. Alright, now how can we do the same statement with the logical OR?

Well if we were to replace this with or, remember if either side of this is true, it will evaluate to true. So for example, let's come out this line, that means it's undefined. So if username is not equal to undefined, that evaluates to false or username is not equal to null that evaluates to true. The whole thing evaluates to true, it will do this, which is not what we want. So in this case, we wanted to use an or we need to set whether these are equal to each other. Set check to see if username is equal to undefined or username is equal to No.

And then if that is the case, we will console dot log that the user is not defined eltz will console log the username. All right, let's see if this works for us with these changes, using logical OR and then making change to how the if statement handles that. So I'm going to save it. Jump out to the browser again. refresh it indicates user is not defined. That's what it should indicate, since we haven't given it a value.

Now let's set that to null. And see if that evaluates correctly. user is not defined Good. Now let's set that to an actual value. Save it and that displays the username. So that is working correctly.

Now the only logical operator we haven't looked at is the not logical not. So let me give you an example of how we might use that. So I'm going to replace this code with some code we used in a previous movie. This had to do with determining whether someone was old enough to vote. We set the can Vote variable to false. And then we check the age.

If the age is greater than or equal to 18, we set can vote to true. If can vote is true console dot log, you are old enough to vote. Well, the NOT operator simply reverses the value of a Boolean. So for example, if we were to put the exclamation point, which is the not logical operator, basically this is going to anything that is true is going to make false anything that is false is going to make true. So we would indicate the opposite message here. Console dot log, you are not old enough to vote.

Now you may be asking yourself why why would you use that? Why would you use logical not? Well, I haven't used it a whole lot, but there are situations where it is valuable to test the opposite. And those are situations where I've used it in code, but it's good To be aware of because you may see it in other people's code or you may run into a situation where it can help you solve a problem. All right, those are the comparison operators. greater than, less than, greater than or equal to less than or equal to and the logical operators logical and logical OR, and logical not.

Let's move on to the next movie.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.