JavaScript operators are used to assign values, compare values, perform arithmetic operations, and more.
JavaScript Arithmetic Operators :
Arithmetic operators are used to perform arithmetic between variables and/or values.
Given that y = 5, the table below explains the arithmetic operators:
| Operator | Description | Example | Result in y | Result in x | |
|---|---|---|---|---|---|
| + | Addition | x = y + 2 | y = 5 | x = 7 | |
| - | Subtraction | x = y - 2 | y = 5 | x = 3 | |
| * | Multiplication | x = y * 2 | y = 5 | x = 10 | |
| / | Division | x = y / 2 | y = 5 | x = 2.5 | |
| % | Modulus (division remainder) | x = y % 2 | y = 5 | x = 1 | |
| ++ | Increment | x = ++y | y = 6 | x = 6 | |
| x = y++ | y = 6 | x = 5 | |||
| -- | Decrement | x = --y | y = 4 | x = 4 | |
| x = y-- | y = 4 | x = 5 |
JavaScript Assignment Operators :
Assignment operators are used to assign values to JavaScript variables.
Given that x = 10 and y = 5, the table below explains the assignment operators:
| Operator | Example | Same As | Result in x | |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | |
| += | x += y | x = x + y | x = 15 | |
| -= | x -= y | x = x - y | x = 5 | |
| *= | x *= y | x = x * y | x = 50 | |
| /= | x /= y | x = x / y | x = 2 | |
| %= | x %= y | x = x % y | x = 0 |
For a tutorial about assignment operators, read our JavaScript Assignment Tutorial.
JavaScript String Operators :
The + operator, and the += operator can also be used to concatenate (add) strings.
Given that text1 = "Good ", text2 = "Morning", and text3 = "", the table below explains the operators:
| Operator | Example | text1 | text2 | text3 | |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | |
| += | text1 += text2 | "Good " | "Morning" | "" |
Comparison Operators :
Comparison operators are used in logical statements to determine equality or difference between variables or values.
Given that x = 5, the table below explains the comparison operators:
| Operator | Description | Comparing | Returns | |
|---|---|---|---|---|
| == | equal to | x == 8 | false | |
| x == 5 | true | |||
| === | equal value and equal type | x === "5" | false | |
| x === 5 | true | |||
| != | not equal | x != 8 | true | |
| !== | not equal value or not equal type | x !== "5" | true | |
| x !== 5 | false | |||
| > | greater than | x > 8 | false | |
| < | less than | x < 8 | true | |
| >= | greater than or equal to | x >= 8 | false | |
| <= | less than or equal to | x <= 8 | true |
Conditional (Ternary) Operator :
The conditional operator assigns a value to a variable based on a condition.
| Syntax | Example | |
|---|---|---|
| variablename = (condition) ? value1:value2 | voteable = (age < 18) ? "Too young":"Old enough"; |
Example explained: If the variable "age" is a value below 18, the value of the variable "voteable" will be "Too young", otherwise the value of voteable will be "Old enough".
Logical Operators :
Logical operators are used to determine the logic between variables or values.
Given that x = 6 and y = 3, the table below explains the logical operators:
| Operator | Description | Example | |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x === 5 || y === 5) is false | |
| ! | not | !(x === y) is true |
JavaScript Bitwise Operators :
Bit operators work on 32 bits numbers. Any numeric operand in the operation is converted into a 32 bit number. The result is converted back to a JavaScript number.
| Operator | Description | Example | Same as | Result | Decimal |
|---|---|---|---|---|---|
| & | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | x = ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Left shift | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Right shift | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
0 comments:
Post a Comment
Thanks For Coming The Page.