TypeScript Operators - A Comprehensive Introduction

Introduction

Operators are essential in programming as they allow you to perform various operations on data. In TypeScript, operators work similarly to JavaScript, but they are strongly typed, which helps catch type-related errors early. Let's explore the common operators in TypeScript.

Arithmetic Operators

Arithmetic operators perform mathematical operations on numeric values.

Addition (+)

Use the + operator for addition:

let result: number = 5 + 3; // result is 8
    

Subtraction (-)

Use the - operator for subtraction:

let result: number = 10 - 4; // result is 6
    

Multiplication (*)

Use the * operator for multiplication:

let result: number = 3 * 5; // result is 15
    

Division (/)

Use the / operator for division:

let result: number = 20 / 4; // result is 5
    

Modulus (%)

Use the % operator for finding the remainder:

let result: number = 11 % 3; // result is 2
    

Comparison Operators

Comparison operators compare values and return a Boolean result (true or false).

Equal (==)

Use the == operator to check if values are equal:

let isEqual: boolean = 5 == 5; // isEqual is true
    

Not Equal (!=)

Use the != operator to check if values are not equal:

let isNotEqual: boolean = 3 != 7; // isNotEqual is true
    

Greater Than (>)

Use the > operator to check if the left value is greater than the right value:

let isGreater: boolean = 10 > 7; // isGreater is true
    

Less Than (<)

Use the < operator to check if the left value is less than the right value:

let isLess: boolean = 3 < 6; // isLess is true
    

Greater Than or Equal To (>=)

Use the >= operator to check if the left value is greater than or equal to the right value:

let isGreaterOrEqual: boolean = 9 >= 9; // isGreaterOrEqual is true
    

Less Than or Equal To (<=)

Use the <= operator to check if the left value is less than or equal to the right value:

let isLessOrEqual: boolean = 5 <= 8; // isLessOrEqual is true
    

Logical Operators

Logical operators perform logical operations and return a Boolean result.

Logical AND (&&)

Use the && operator to check if both conditions are true:

let isTrue: boolean = true;
let isFalse: boolean = false;
let andResult: boolean = isTrue && isFalse; // andResult is false
    

Logical OR (||)

Use the || operator to check if at least one condition is true:

let orResult: boolean = isTrue || isFalse; // orResult is true
    

Logical NOT (!)

Use the ! operator to negate a condition:

let notResult: boolean = !isTrue; // notResult is false
    

Assignment Operators

Assignment operators assign a value to a variable.

Assignment (=)

Use the = operator to assign a value to a variable:

let x: number = 10;
    

Add and Assign (+=)

Use the += operator to add and assign a value to a variable:

let y: number = 5;
y += 3; // y is now 8
    

Subtract and Assign (-=)

Use the -= operator to subtract and assign a value to a variable:

let z: number = 15;
z -= 7; // z is now 8
    

Conclusion

Understanding operators is crucial in TypeScript as they are fundamental for performing operations and making decisions in your code. Strong typing in TypeScript helps catch errors early, ensuring the reliability of your applications. As you delve deeper into TypeScript, explore more complex operators and use them effectively in your projects.