# Basic Operators

In JavaScript, an operator is a symbol or keyword user to perform operations on operands (values and variables). For example,

```
2 + 3; //5
```

Here `+`

is an operator that performs addition, and `2`

and `3`

are operands.

## Types of Operators

There are various operators supported by JavaScript. They are as follows:

- Arithmetic Operators
- Assignment Operators
- Comparison Operators
- Logical Operators
- Ternary Operators
- Bitwise Operators
- `typeof`` Operators

### Arithmetic Operators

Arithmetic operators are used to perform mathematical operations on values. They include

- Addition (
`+`

) operator - Subtraction (
`-`

) operator - Multiplication (
`*`

) operator - Division (
`/`

) operator - Remainder (
`%`

) operator

#### Addition Operator (`+`

)

The addition operator adds two numbers together. For example:

```
console.log(1 + 2); // 3
console.log(1 + -2); // -1
```

#### Subtraction operator (`-`

)

The subtraction operator subtracts one number from another. For example:

```
console.log(3 - 2); // 1
console.log(3 - -2); // 5
```

#### Multiplication operator (`*`

)

The multiplication operator multiplies two numbers. For example:

```
console.log(2 * 3); // 6
console.log(2 * -3); // -6
```

#### Division operator (`/`

)

The division operator divides one number by another. For example:

```
console.log(6 / 2); // 3
console.log(6 / -2); // -3
```

#### Remainder operator (`%`

)

The remainder operator returns the remainder of a division operation. For example:

```
console.log(10 % 3); // 1
console.log(11 % 3); // 2
console.log(12 % 3); // 0
```

The JavaScript interpreter works from left to right. One can use parentheses just like in math to separate and group expressions: `c = (a / b) + d`

JavaScript uses the `+`

operator for both addition and concatenation. Numbers are added whereas strings are concatenated.

The term `NaN`

is a reserved word indicating that a number is not a legal number, this arises when we perform arithmetic with a non-numeric string will result in `NaN`

(Not a Number).

```
let x = 100 / "10";
```

The `parseInt`

method parses a value as a string and returns the first integer.

```
parseInt("10"); // 10
parseInt("10.00"); // 10
parseInt("10.33"); // 10
parseInt("34 45 66"); // 34
parseInt(" 60 "); // 60
parseInt("40 years"); //40
parseInt("He was 40"); //NaN
```

In JavaScript, if we calculate a number outside the largest possible number it returns `Infinity`

.

```
let x = 2 / 0; // Infinity
let y = -2 / 0; // -Infinity
```

**Correct!**

let num1 = 10; let num2 = 5; // Add num1 and num2. let addResult = (num1 + num2); // Subtract num2 from num1. let subtractResult = (num1 - num2); // Multiply num1 and num2. let multiplyResult = (num1 \* num2); // Divide num1 by num2. let divideResult = (num1 / num2); // Find the remainder num1 is divided by num2. let reminderResult = (num1 % num2);

assert(addResult === 15 && subtractResult === 5 && multiplyResult === 50 && divideResult === 2 && reminderResult === 0 );

### Assignment Operators

Assignment operators are used to assign values to variables or evaluates the assigned value. *Chaining the assignmentoperator is possible in order to assign a single value to multiple values.* They includes the assignment(`=`

) operator and compound assignment operators like `+=`

, `-=`

, `*=`

and `/=`

.

`=`

(Assignment Operator)

This operator is used to assign the value on the right side to the variable on the left side. For examples:

```
let x = 10; //Assigns the value 10 to the variable x.
```

#### Compound Assignment Operators

These operator combine the arithmetic operation with the assignment operation. They are shortcuts for performing an operation and then assigning the result back to the variable. For example:

`+=`

(Addition Assignment)

It adds the value on the right side to the variable and assigns the result back to the variable.

`-=`

(Subtraction Assignment)

It subtracts the value on the right side from the variable and assigns the result back to the variable.

`*=-`

(Multiplication Assignment)

It multiplies the variable by the value on the right side and assigns the result back to the variable.

`/=`

(Division Assignment)

It divides the variable by the value on the right side and assigns the result back to the variable.

`%=`

(Modules/Remainder Assignment)

It computes the remainder when the variable is divided by the value on the right side and assigns the result back to the variable.

```
let a = 10;
a += 5; // Equivalent to a = a + 5; (a becomes 15)
a -= 3; // Equivalent to a = a - 3; (a becomes 12)
a *= 2; // Equivalent to a = a * 2; (a becomes 24)
a /= 4; // Equivalent to a = a / 4; (a becomes 6)
a %= 5; // Equivalent to a = a % 5; (a becomes 1)
```

### Comparison Operators

Comparison operators are used to compare two values or expressions and return a `boolean`

result, which is either `true`

or `false`

. These operators are commonly used in conditional statements to make decision or evaluate conditions.

#### Equal to (`==`

)

This operator checks if the values on the left and right sides are equal. If they are equal, it returns `true`

otherwise, it returns false. It does not consider data types.

```
5 == 5; // true
"5" == 5; // true (implicit type conversion)
```

#### Not equal to (`!=`

)

This operator checks if the values on the left and right sides are not equal. If they are not equal, it returns `true`

otherwise, it returns `false`

.

```
5 != 3; // true
"5" != 5; // false (implicit type conversion)
```

#### Strict Equal to (`===`

)

This operator checks if the values on the left and right sides are equal and have the same data type. If both the value and data type match, it returns `true`

otherwise, it returns `false`

.

```
5 === 5; // true
"5" === 5; // false (different data types)
```

#### Strict Not equal to (`!==`

)

This operator checks if the values on the left and right sides are not equal or have different data types. If they are not equal or have different data types, it returns `true`

otherwise, it returns `false`

.

```
5 !== "5"; // true (different data types)
5 !== 5; // false
```

#### Greater than (`>`

)

This operator checks if the value on the left is greater than the value on the right. If the left value is greater, it returns `true`

otherwise, it returns `false`

.

```
8 > 5; // true
3 > 10; // false
```

#### Less than (`<`

)

This operator checks if the value on the left is less than the value on the right. If the left value is less, it returns `true`

otherwise, it returns `false`

.

```
3 < 5; // true
8 < 2; // false
```

#### Greater than or equal to(`>=`

)

This operator checks if the value on the left is greater than or equal to the value on the right. If the left value is greater or equal, it returns `true`

otherwise, it returns `false`

.

```
8 >= 5; // true
3 >= 8; // false
```

#### Less than or equal to (`>=`

)

This operator checks if the value on the left is less than or equal to the value on the right. If the left value is less or equal, it returns `true`

otherwise, it returns `false`

.

```
3 <= 5; // true
8 <= 2; // false
```

### Logical Operators

Logical operators are used to perform logical operations on Boolean values or expressions. These operators allow you to combine or manipulate Boolean values to make decisions or evaluate complex conditions.

#### Logical AND (`&&`

)

The logical AND operator returns `true`

if both operands are `true`

. If at least one of the operands is `false`

, it returns `false`

.

```
true && true; // true
true && false; // false
false && true; // false
false && false; // false
```

#### Logical OR (`||`

)

The logical OR operator returns `true`

if at least one of the operands is `true`

. It returns `false`

only if both operands are `false`

.

```
true || true; // true
true || false; // true
false || true; // true
false || false; // false
```

#### Logical NOT (`!`

)

The logical NOT operator negates the value of an operand. It returns `true`

if the operand is `false`

, and it returns `false`

if the operand is `true`

.

```
!true; // false
!false; // true
```

### Ternary Operators

Ternary operator has three operands. It is the simplified operator of if/else.

It is the short form of the `if-else`

condition.

**Syntax**

```
Y = ? A : B
If the condition is true then Y = A otherwise Y = B
```

```
let isEven = 8 % 2 === 0 ? "Even" : "Odd";
console.log(isEven); // "Even"
```

### Bitwise Operators

Bitwise operators are used to manipulate individual bits of binary numbers. They perform operations at the bit level, which is especially useful in situations where you need to control or analyze low-level data.

#### Bitwise AND (`&`

)

This operator compares each bit of two numbers and returns 1 for each bit that is 1 in both numbers. All other bits are set to 0.

```
1010 & 1100; // 1000
```

#### Bitwise OR (`|`

)

This operator compares each bit of two numbers and returns 1 for each bit that is 1 in at least one of the numbers.

```
1010 | 1100; // 1110
```

#### Bitwise XOR (`^`

)

This operator compares each bit of two numbers and returns 1 for each bit that is 1 in one number but not in both.

```
1010 ^ 1100; // 0110
```

#### Bitwise NOT (`-`

)

This operator inverts (flips) all the bits of a number. It changes each 0 to 1 and each 1 to 0.

```
~1010; // 0101
```

#### Left Shift (`<<`

)

This operator shifts the bits of a number to the left by a specified number of positions, filling the shifted-in positions with 0.

```
1010 << 2; // 101000 (shifted left by 2 positions)
```

#### Right Shift (`>>`

)

This operator shifts the bits of a number to the right by a specified number of positions. The shifted-in positions are filled based on the leftmost bit (sign bit).

```
1010 >> 2; // 0010 (shifted right by 2 positions)
```

`typeof`

Operators

It returns the operand type, The possible types that exist in javascript are undefined, Object, boolean, number, string, symbol, and function.

```
let value1 = 42;
let value2 = "Hello, World!";
let value3 = true;
let value4 = null;
console.log(typeof value1); // "number"
console.log(typeof value2); // "string"
console.log(typeof value3); // "boolean"
console.log(typeof value4); // "object" (Note: `typeof null` returns "object" due to historical reasons)
```