JavaScript has a variety of operators, which can be categorized into several types.Here are the main types of operators in JavaScript, along with examples.
Arithmetic operators are used to perform mathematical operations.
let sum = 5 + 3; // sum is 8
let concat = 'Hello' + ' ' + 'World'; // concat is 'Hello World'
let subtraction = 5 - 3; // subtraction is 2
let subtraction = 15 - 5; // subtraction is 10
let multiplication = 5 * 3; // multiplication is 15
let multiplication = 4 * 6; // multiplication is 24
let division = 5 / 3; // division is 1.6666666667
let division = 25 / 5; // division is 5
let remainder = 5 % 2; // remainder is 1
let remainder = 10 % 2; // remainder is 0
Comparison operators are used to compare two values and return a boolean value (true, false).
let isEqual = 5 == '5'; // isEqual is true
let isEqualStrict = 5 === '5'; // isEqualStrict is false (strict equality)
let isGreater = 10 > 5; // isGreater is true
let isGreater = 2 > 5; // isGreater is false
let isLesser = 2 < 5; // isLesser is true
let isLesser = 10 < 5; // isLesser is false
let isGreaterThanOrEqualTo = 10 >= 5; // isGreaterThanOrEqualTo is true
let isGreaterThanOrEqualTo = 2 >= 5; // isGreaterThanOrEqualTo is false
let isLesserThanOrEqualTo = 2 <= 5; // isLesserThanOrEqualTo is true
let isLesserThanOrEqualTo = 10 <= 5; // isLesserThanOrEqualTo is false
Logical operators are used to combine two or more conditions.
if ( true && true ) // true
let andResult = (5 > 3) && (10 > 5); // andResult is true
if ( true && false ) // false
let andResultFalse = (5 > 3) && (5 > 10); // andResultFalse is false
if ( false && true ) // false
let andResultFalse = (3 > 5) && (10 > 5); // andResultFalse is false
if ( true || true ) // true
let orResult = (5 > 3) || (10 > 5); // orResult is true
if ( true || false ) // true
let orResult = (5 > 3) || (5 > 10); // orResult is true
if ( false || false ) // false
let orResultFalse = (5 < 3) || (15 < 10); // orResultFalse is false
if ( !false ) // true
let andResult = (5 != 3); // andResult is true
if ( !true ) // false
let andResultFalse = (5 != 5); // andResultFalse is false
Assignment operators are used to assign values to variables.
let x = 10; // x is 10
let y = 'Hello'; // y is 'Hello'
let x = 5;
x += 3; // x is 8
let str = 'Hello';
str += ' World'; // str is 'Hello World'
let x = 15;
x -= 3; // x is 12
let y = 6;
y -= 10; // y is -4
let x = 15;
x *= 3; // x is 45
let y = 6;
y *= -10; // y is -60
let x = 15;
x /= 3; // x is 5
let y = 6;
y /= 10; // y is 0.6
let x = 15;
x %= 3; // x is 0
let y = 17;
y %= 2; // y is 1
String operators are used to manipulate strings.
let greeting = 'Hello' + ' ' + 'World'; // greeting is 'Hello World'
let numString = 'The number is ' + 42; // numString is 'The number is 42'
let numString = 'The number is ' + 42 + 2; // numString is 'The number is 44'
let numString = 42 + 2 + 'The number is '; // numString is 'The number is 44'
let length = 'Hello'.length; // length is 5
let lengthEmpty = ''.length; // lengthEmpty is 0
Type operators are used to determine the type of a variable or to convert one type to another.
let typeOfNumber = typeof 42; // typeOfNumber is 'number'
let typeOfString = typeof 'Hello'; // typeOfString is 'string'
let isInstance = [] instanceof Array; // isInstance is true
let isNotInstance = {} instanceof Array; // isNotInstance is false
The conditional operator assigns a value to a variable based on a condition.
if (condition == true) ? first is true.
let result = (5 > 3) ? 'Yes' : 'No'; // result is 'Yes'
if (condition == false) ? second is true.
let resultFalse = (5 < 3) ? 'Yes' : 'No'; // resultFalse is 'No'