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

Which tag is used to add lists into <ul> and <ol> elements?
<dt> <dd> <li>
Which value of the "display" property creates a block box for the content and ads a bullet marker?
block list-item inline-block
.some_class {
  display: list-item;
Which instruction converts a JavaScript object into a JSON string.
JSON.parse() JSON.stringify eval()
var obj = {
 "courses": ["php", "javascript", "ajax"]
var jsonstr = JSON.stringify(obj);
alert(jsonstr);    // {"courses":["php","javascript","ajax"]}
Indicate the PHP class used to work with HTML and XML content in PHP.
stdClass PDO DOMDocument
$strhtml = '<body><div id="dv1">CoursesWeb.net</div></body>';
$dochtml = new DOMDocument();
$elm = $dochtml->getElementById("dv1");
echo $elm->nodeValue;    // CoursesWeb.net
JavaScript Operators

Last accessed pages

  1. PHP OOP - Constructor Method (3127)
  2. SSEP - Site Search Engine PHP-Ajax (4261)
  3. Super Dragon Mahjongg (534)
  4. The Rise Of Atlantis (94)
  5. Butterfly Kyodai (1172)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (45775)
  2. Read Excel file data in PHP - PhpExcelReader (34434)
  3. PHP-MySQL free course, online tutorials PHP MySQL code (34319)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (30908)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (28149)