DEV Community

loading...

Beginner JavaScript - 6 - Operators

The Nerdy Dev
Building products is my profession, Creating content is my passion. We believe that Education should be freely accessible to everyone and no one should be deprived of it.
・Updated on ・3 min read

Hey everyone πŸ‘‹πŸ»,

In this article, let us discuss about Operators in JavaScript. This is the sixth part of my Beginner JavaScript Series on Dev.

Operators in JavaScript

Alt Text

What are operators ?

Just like other programming languages, we also have operators in JavaScript. An operator performs some operation on single or multiple operands (data values) and produces a result. For example 3 * 2, where * sign is an operator and 3 is left operand and 2 is right operand. * operator multiplies two numeric values and produces a result which is 6 in this case.

Categories of operators in JavaScript

  1. Arithmetic Operators
  2. Comparison Operators
  3. Logical Operators
  4. Assignment Operators
  5. Conditional Operators

Arithmetic Operators

Arithmetic operators are used to perform mathematical operations between numeric operands

+   Adds two numeric operands.
-   Subtract right operand from left operand
*   Multiply two numeric operands.
/   Divide left operand by right operand.
%   Modulus operator. Returns remainder of two 
        operands.
++  Increment operator. Increase operand value by 
        one.
--  Decrement operator. Decrease value by one.
Enter fullscreen mode Exit fullscreen mode

Alt Text

Note

  1. + operator performs concatenation operation when one of the operands is of string type.

Alt Text

Comparison Operators

Comparison Operators are those operators that compare two operands and return Boolean value true or false.

==  Compares the equality of two operands without considering 
        type.
=== Compares equality of two operands with type.
!=  Compares inequality of two operands.
>   Checks whether left side value is greater than right side 
        value. If yes then returns true otherwise false.
<   Checks whether left operand is less than right operand. If 
        yes then returns true otherwise false.
>=  Checks whether left operand is greater than or equal to 
        right operand. If yes then returns true otherwise false.
<=  Checks whether left operand is less than or equal to right 
        operand. If yes then returns true otherwise false.

Enter fullscreen mode Exit fullscreen mode

Alt Text

Logical Operators

Logical operators are used to combine two or more conditions. In JavaScript, we have the following logical operators.

&&  && is known as AND operator. It checks whether two 
        operands are non-zero (0, false, undefined, null or "" are 
        considered as zero), if yes then returns 1 otherwise 0.
||  || is known as OR operator. It checks whether any one of 
        the two operands is non-zero (0, false, undefined, null or 
        "" is considered as zero).
!   ! is known as NOT operator. It reverses the boolean result 
        of the operand (or condition)

Enter fullscreen mode Exit fullscreen mode

Alt Text

Assignment Operators

In JavaScript, we have assignment operators to assign values to variables. Let us go over them.

=   Assigns right operand value to left operand.
+=  Sums up left and right operand values and assign the 
        result to the left operand.
-=  Subtract right operand value from left operand value and 
        assign the result to the left operand.
*=  Multiply left and right operand values and assign the 
        result to the left operand.
/=  Divide left operand value by right operand value and 
        assign the result to the left operand.
%=  Get the modulus of left operand divide by right operand 
        and assign resulted modulus to the left operand.

Enter fullscreen mode Exit fullscreen mode

Alt Text

Ternary Operators

JavaScript includes special operator called ternary operator :? that assigns a value to a variable based on some condition. This is like short form of if-else condition.

Ternary operator starts with conditional expression followed by ? operator. Second part ( after ? and before : operator) will be executed if condition turns out to be true. If condition becomes false then third part (after :) will be executed.

<some_variable> = <some_condition> ? <some_value_based_on_some_expression> : <some_other_value_based_on_some_expression>;
Enter fullscreen mode Exit fullscreen mode

Alt Text

Check my video on Operators in JavaScript to get more understanding on these:

So this is it for this one.

If you are looking to learn Web Development, I have curated a FREE course for you on my YouTube Channel, check the below article :

Spare 2 Hours ? If so, utilize them by creating these 10 JavaScript Projects in under 2 Hours

πŸ‘‰πŸ» Follow me on Twitter : https://twitter.com/The_Nerdy_Dev

πŸ‘‰πŸ» Check out my YouTube Channel : https://youtube.com/thenerdydev

Discussion (0)