JS Operators

JS Tutorial

JS Version

JS Objects

JS Function

JS Classes

JS Async

JS HTML DOM

JS Browser BOM

JS Web API

JS AJAX

JS JSON

JS vs JQUERY

JS Graphics

JavaScript Operators

Assigning values to variables and add them together:

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Operators</h2>

<p>x = 5, y = 2, calculate z = x + y, and display z:</p>

<p id=”demo”></p>

<script>

let x = 5;

let y = 2;

let z = x + y;

document.getElementById(“demo”).innerHTML = z;

</script>

</body>

</html>

Output

JavaScript Operators

x = 5, y = 2, calculate z = x + y, and display z:

7

The assignment operator (=) assigns a value to a variable.

Assignment

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Operators</h2>

<h3>The = Operator</h3>

<p id=”demo”></p>

<script>

let x = 10;

document.getElementById(“demo”).innerHTML = x;

</script>

</body>

</html>

Output

JavaScript Operators

The = Operator

10

The addition operator (+) adds numbers:

Adding

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Arithmetic</h2>

<h3>The + Operator</h3>

<p id=”demo”></p>

<script>

let x = 5;

let y = 2;

let z = x + y;

document.getElementById(“demo”).innerHTML = z;

</script>

</body>

</html>

Output

JavaScript Arithmetic

The + Operator

7

The multiplication operator (*) multiplies numbers.

Multiplying

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Arithmetic</h2>

<h3>The * Operator</h3>

<p id=”demo”></p>

<script>

let x = 5;

let y = 2;

let z = x * y;

document.getElementById(“demo”).innerHTML = z;

</script>

</body>

</html>

Output

JavaScript Arithmetic

The * Operator

10

JavaScript Assignment Operators

Assignment operators  are used to assign values to JavaScript variables.

The addition assignment operator (+=) is used to add a value to a variable.

Example

<!DOCTYPE html>

<html>

<body>

<h2>The += Operator</h2>

<p id=”demo”></p>

<script>

var x = 10;

x += 5;

document.getElementById(“demo”).innerHTML = x;

</script>

</body>

</html>

Output

The += Operator

15

JavaScript String Operators

The + operator adds (concatenate) strings.

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Operators</h2>

<p>The + operator concatenates (adds) strings.</p>

<p id=”demo”></p>

<script>

let text1 = “John”;

let text2 = “Doe”;

let text3 = text1 + ” ” + text2;

document.getElementById(“demo”).innerHTML = text3;

</script>

</body>

</html>

Output

JavaScript Operators

The + operator concatenates (adds) strings.

John Doe

The += assignment operator adds (concatenate) strings:

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Operators</h2>

<p>The assignment operator += can concatenate strings.</p>

<p id=”demo”></p>

<script>

let text1 = “What a very “;

text1 += “nice day”;

document.getElementById(“demo”).innerHTML = text1;

</script>

</body>

</html>

Output

JavaScript Operators

The assignment operator += can concatenate strings.

What a very nice day

Adding Strings and Numbers

Adding two numbers, returns the sum, but adding a number and a string will return a string:

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Operators</h2>

<p>Adding a number and a string, returns a string.</p>

<p id=”demo”></p>

<script>

let x = 5 + 5;

let y = “5” + 5;

let z = “Hello” + 5;

document.getElementById(“demo”).innerHTML =

x + “<br>” + y + “<br>” + z;

</script>

</body>

</html>

Output

JavaScript Operators

Adding a number and a string, returns a string.

10

55

Hello5

JavaScript Comparison Operators

Operator

Description

==

equal to

===

equal value and equal type

!=

not equal

!==

not equal value or not equal type

greater than

less than

>=

greater than or equal to

<=

less than or equal to

?

ternary operator

JavaScript Logical Operators

Operator

Description

&&

logical and

||

logical or

!

logical not

JavaScript Type Operators

Operator

Description

typeof

Returns the type of a variable

instanceof

Returns true if an object is an instance of an object type

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

5 & 1

0101 & 0001

0001

 1

|

OR

5 | 1

0101 | 0001

0101

 5

~

NOT

~ 5

 ~0101

1010

 10

^

XOR

5 ^ 1

0101 ^ 0001

0100

 4

<< 

left shift

5 << 1

0101 << 1

1010

 10

>> 

right shift

5 >> 1

0101 >> 1

0010

  2

>>> 

unsigned right shift

5 >>> 1

0101 >>> 1

0010

  2