With operators we can manipulate, combine and modify data in a program or script. There are many kinds of operators, in this lesson it is presented the types of operators used in JavaScript.

1. Arithmetic operators

We can say that arithmetic operators are the main operators for numbers, they make arithmetic operations: - Besides these operators there are other special operators used in programming.

2. Assigning operators

These operators evaluate first the operand on the right and the value is assigned to the variable of the left side of the sign "=".
Operator Example Same as
=      x = y         x = y
+=      x += y         x = x+y
-=      x -= y         x = x-y
*=      x *= y         x = x*y
/=      x /= y         x = x/y
%=      x %= y         x = x%y

3. Comparation operators

Expressions using these operators make a question about two values which they compare. The answer can be TRUE or FALSE.
A commonly used comparison operator is the identity operator, represented by two equal signs "==".

Comparison operators are presented below:
Operator Meaning Example
==      Identical      3 == 8   result FALSE
!=      Different      3 != 8   result TRUE
>      Bigger      3 > 8   result FALSE
<      Smaller      3 < 8   result TRUE
>=      Bigger or identical      3 >= 8   result FALSE
<=      Smaller or identical      3 <= 8   result TRUE

4. Logical operators (booleans)

The logical operators compare two expressions and return TRUE or FALSE.

5. Operator used on strings

The "+" operator can also be used to join (add) string variables or text values together.

6. The typeof operator

This operator returns the data type of its operand. It is especially useful to determine if a variable is defined with a specific data type.
Studying the table below you can understand how thi operator works:
Operator Description
 typeof parseFloat  returns the string 'function'
 typeof 33  returns the string 'number'
 typeof "some text"  result 'string'
 typeof true  returns the string 'boolean'
 typeof window  returns the string 'object'

7. Operators used on functions

Functions will be explained in one of the following lessons, however it is useful to be familiar with two operators:

1. The first is known as calling operator and is represented by a pair of parentheses () who are always after the function name. A function is declared as follows:

function function_name() {
  // Instructions
}
Then, the "callig operator" is used when we call the function in the script: The parentheses shows that we use a function.

The second operator for functions is the comma operator (,) which is used to separate multiple arguments that a function receives.
The arguments are always written inside parenthesis, and separated by commas.
A function with two arguments would look like:
function function_name(arg1, arg2) {
  // Corpul functiei
}

8. Operators used on objects

1. The main operator for objects is the character point (.). This operator allows us to refer to a member (variable, function or object) that belongs to the specified object.
The syntax is: This way of referring to an information, called point notation, returns the value of variable, function or object at the right.

2. The operator for array elements, a pair of brackets [], called the array index operator, allow us to refer to any member of an array.
JavaScript arrays are objects and will be detailed in subsequent lessons.
The syntax for using this operator is

9. Conditional operator "? :"

JavaScript contains a conditional operator ? : that assigns a value to a variable based on condition.
The syntax for using this operator: - It evaluates the condition, if it's True then the variable takes the value 'VAL1', otherwise, takes the value 'VAL2'.
Here's an example:
<script type="text/javascript">
var visitor = "man"; message = (visitor=="man") ? "Sir. " : "Dear Madam"; document.write(message) </script>
If the variable "visitor" has the value 'man', the variable "message" gets the value 'Sir.', otherwise receives the value "Dear Madam". And the display instruction "document.write()" will display the value of "message".

10. Operators precedence

When in expressions are used many operators, the JavaScript takes into account the precedence (the importance) of each operator. As in arithmetic, in an equation with multiplication and addition (2 + 3 * 4), if there aren't parentheses, multiplication is performed first. The same thing is for the programming operators, too.
If there are several operators with the same precedence, JavaScript will evaluate them from left to right.
The following table apresents in order the precedence of the operators:
Operator Description
()   []   .      for calling, data structures
!   ++   --      negation, increment
*   /   %      multiplication, division
+   -      addition, subtraction
<   <=   >   >=      comparison
==   !=      equality
&&      logical AND
||      logical OR
? :      conditionnal
=   +=   -=   *=   /=   %=      assigning
,      comma

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which attribute is used in <a> tag for the address of the link?
src href rel
<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>
Which CSS property sets the type of the text font?
font-family text-decoration font-size
h2 {
  font-family:"Calibri",sans-serif;
}
What instruction selects all the <div> tags with class="cls"?
querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")
var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // number of selected items
alert(nr_elms);
Indicate the function that can be used to get the sum of values in an array.
array_sum() array_diff() array_shift()
$arr = array(1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10
JavaScript Operators

Last accessed pages

  1. Butterfly Kyodai (17500)
  2. Remove / Get duplicate array values - Reset array keys in PHP (6584)
  3. Math Mahjong Advanced (1084)
  4. Read Excel file data in PHP - PhpExcelReader (41426)
  5. Star shapes with CSS (3431)

Popular pages this month

  1. Qwop (4726)
  2. Bubbles3 (4342)
  3. Butterfly Kyodai (3092)
  4. Zuma Deluxe (2868)
  5. Backgammon (1463)