JavaScript Basics – Part 7

Introduction

This is part 7 of my series, JavaScript Basics. In this part of the series, we talk about some common JavaScript Operators. We have seen the logical operators. We have also seen the assignment and equal operators. In this part we look at comparison and arithmetic operators.

Note: If you cannot see the code or if you think anything is missing (broken link, image absent), just contact me at forchatrans@yahoo.com. That is, contact me for the slightest problem you have about what you are reading.

Operand

An Operand is a variable or a literal (value) associated with an operator. Consider,

myVar = 30;

myVar is a left operand and 30 is a right operand. = is the assignment operator, not the equal operator. The equal operator is, == and is used only in conditions.

Consider:

myVar && hisVar && herVar

There are three operands in the above expression. So, you can talk of the first, second and third operand.

Comparison Operators

A comparison operator compares the operands on its sides and returns a logical value depending on whether the comparison is correct or wrong. If the comparison is correct a logical value of true is returned. If it is wrong, a logical value of false is returned. Another name for Boolean Value is Logical Value, which is either true or false.

The Equal Operator

We have seen this before. It is ==, typed as a double assignment operator. The equal operator returns true if operands are equal, otherwise it returns false. We have seen many examples of this.

The Not Equal Operator

The Not Equal operator is the opposite of the Equal Operator. The Not Equal operator is, != . It returns true if the operands are not equal, otherwise it returns false. Let us look at some examples:

Try the following code (include the HTML components first):

myVar is 25, hisVar is 30. We have not used the var reserved word this time. The condition is read like this: If myVar is not equal to hisVar, then the if-block will be executed. Since the values of the variables are not equal, (myVar != hisVar) returns true.

In the following code, the values of the two variables are equal, so the condition returns false and the if-block is not executed.

The Greater Than Operator

The Greater Than operator is, > . It returns true if the left operand is greater than the right operand. In the following example, the left operand is greater than the right operand. So the if-block is executed:

Read and try the above code.

Greater Than Or Equal – Operator

The Greater Than or Equal operator is, >= (it is the math greater than sign followed by the math equal sign). It returns true if the left operand is greater than or equal to the right operand.

The Less Than Operator

The Less Than Operator is < .It returns true if the left operand is less than the right operand.

The Less Than or Equal – Operator

The Less than or Equal operator is, <= . It returns true if the left operand is less than or equal to the right operand.

Arithmetic Operators

An Arithmetic operator takes one or two numbers as operands (either literals or variables) and returns the answer, similar to what happens in arithmetic.

The standard arithmetic operators are addition (+), subtraction (-), multiplication (*), and division (/). To save time explaining these four operators, just read and try the following examples:

Addition Operator

Code example:

Note: var1, var2 or var3 is different from var. var is a reserved word that you do not use arbitrarily. var1, var2 or var3 is a variable name you choose.

Subtraction Operator

Code example:

Multiplication Operator

Code example:

Note that the multiplication operator is * and not X.

Division Operator

Code example:

Note that the division operator is, / .

Other operators are the Modulus (%), Increment (++), Decrement (–), and the Unary Negation operators. You have to learn the particular way in which each of these operators behaves.

Modulus Operator

The modulus operator divides the first operand by the second operand and returns the remainder. Read and try the following code:

Increment Operator

The Increment Operator is, ++. It works with one operand, not two as the others. The operand has to be a number. When it is placed in front (prefix) of the operand, it behaves in one way. When it is placed after (postfix) the operand it behaves in another way.

Prefix: When it is prefix, it adds 1 to the operand and returns the incremented operand. Read and try the following code:

In the code, initially, 10.5 is assigned to var1. Then we have a statement. In the statement you have a new variable, var2, the assignment operator and then “++var1”. What interest us is “++var1”, where the increment operator is in front of the variable. The value the increment operator returns is assigned to var2. If you have tried the code, you would have noticed that the value of var2 is 11.5. This means, if used prefix, it increments the operand and then returns the incremented operand.

Postfix: When it is postfix, it returns the operand before adding 1 to it. The returned value is the original value of the operand. The increased value is the new value of the operand, which is not returned. Read and try the following code. There are two alert boxes: when the first one is displayed, click its OK button and the next one will be displayed.

If you have tried the above code, you would have noticed that the value for var2 is 10.5 and the final value for var1 is 11.5, confirming that the incrementing took place after the value was returned.

Decrement Operator

The Decrement operator, — , behaves like the increment operator with the only difference that it subtracts 1 instead of adding.

Unary Negation Operator

This operator is the negative sign, – . It can take two operands on its sides or one operand on its right. Any of its operand must be a number. When it works with two operands it is the subtraction operator. When it works with one operand (on its right), it negates the operand just like in math. Read and try the following:

We have come to the end of this part of the series. Rendezvous in the next part.

Chrys

To arrive at any of the parts of this series, just type the corresponding title below in the Search Box of this page and click Search (use menu if available):

Getting Started with JavaScript

JavaScript Outputs

Basics of JavaScript Variables

JavaScript Conditional Statements

Boolean Logic for JavaScript

Boolean Logic and JavaScript Conditions

Comparison and Arithmetic Operators

JavaScript Loop Statements

JavaScript Function Basics

JavaScript Object Basics

JavaScript Array

Some JavaScript Predefined Objects

Introduction to Form Field Validation with JavaScript

Some JavaScript Tips