JavaScript operators

Examples:

                      var x = 5;         // assign the value 5 to x
                      var y = 2;         // assign the value 2 to y
                      var z = x + y;     // assign the value 7 to z (x + y)
                  

The assignment operator (=) assigns a value to a variable.

                    var x = 10;
                

The addition operator (+) adds numbers:

                      var x = 5;
                      var y = 2;
                      var z = x + y; // Result 7
                

The multiplication operator (*) multiplies numbers.

                    var x = 5;
                    var y = 2;
                    var z = x * y; // Result 10
                

JavaScript Arithmetic Operators

Arithmetic operators are used to perform arithmetic on numbers:

Note: Arithmetic operators are fully described in the JS Arithmetic chapter.

JavaScript Assignment Operators

Assignment operators assign values to JavaScript variables.

The addition assignment operator (+=) adds a value to a variable.

                      var x = 10;
                      x += 5; // Result 15
                  

Note: Assignment operators are fully described in the JS Assignment chapter.

JavaScript String Operators

The + operator can also be used to add (concatenate) strings.

                    var txt1 = "John";
                    var txt2 = "Doe";
                    var txt3 = txt1 + " " + txt2;      // Result "John Doe"
                

The += assignment operator can also be used to add (concatenate) strings:

                      var txt1 = "What a very ";
                      txt1 += "nice day";      // Result "What a very nice day"
                

Note: When used on strings, the + operator is called the concatenation operator.

Adding Strings and Numbers

Adding two numbers, will return the sum, but adding a number and a string will return a string:

                      var x = 5 + 5;           // Result 10
                      var y = "5" + 5;         // Result 55
                      var z = "Hello" + 5;     // Result Hello5
                

Remember: If you add a number and a string, the result will be a string!

JavaScript Comparison Operators

Note: Comparison operators are fully described in the JS Comparisons chapter.

JavaScript Logical Operators

Note: Logical operators are fully described in the JS Comparisons chapter.

JavaScript Type Operators

Note: Type operators are fully described in the JS Type Conversion chapter.

Exercises - test your knowledge

Exercise 1

Multiply 10 with 5, and alert the result:

                    alert(10 *5);
                

Exercise 2

Divide 10 by 2, and alert the result:

                    alert(10 / 2);
                

Exercise 3

x = 10

y = 5

Use the correct assignment operator that will result in x being 15 (same as x = x + y ).

                    x = 10;
                    y = 5;
                    x  += y;
                

Exercise 4

x = 10

y = 5

Use the correct assignment operator that will result in x being 50 (same as x = x * y ).

                      x = 10;
                      y = 5;
                      x *= y;