JavaScript

[08] JavaScript Operators

MorningPhys 2015. 7. 13. 18:56
JavaScript Operators

 

Example

Assign values to variables and add them together:

var x = 5; // assign the value 5 to x
var y = 2; // assign the value 2 to y
var z = x + y; // assign the value 7 to z (x + y)

 

 

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>

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

<p id="demo"></p>

<script>
   var x = 5;
   var y = 2;
   var z = x + y;
   document.getElementById("demo").innerHTML = z;
</script>

</body>
</html> 

 

JavaScript Arithmetic Operators

Arithmetic operators are used to perform arithmetic on numbers (literals or variables).

Operator Description
+ Addition
- Subtraction
* Multiplication
/ Division
% Modulus
++ Increment
-- Decrement

The addition operator (+) adds numbers:

Adding

var x = 5;
var y = 2;
var z = x + y;

 

<script>
   var x = 5;
   var y = 2;
   var z = x + y;
   document.getElementById("demo").innerHTML = z;
</script> 

 

The multiplication operator (*) multiplies numbers.

Multiplying

var x = 5;
var y = 2;
var z = x * y;

 

<p id="demo"></p>

<script>
   var x = 5;
   var y = 2;
   var z = x * y;
   document.getElementById("demo").innerHTML = z;
</script> 

 

You will learn more about JavaScript operators in the next chapters.

 

JavaScript Assignment Operators

Assignment operators assign values to JavaScript variables.

Operator Example Same As

=

x = y

x = y

+=

x += y

x = x + y

-=

x -= y

x = x - y

*=

x *= y

x = x * y

/=

x /= y

x = x / y

%=

x %= y

x = x % y

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

Assignment

var x = 10;

 

The addition assignment operator (+=) adds a value to a variable.

Assignment

var x = 10;
x += 5;

 

JavaScript String Operators

The + operator can also be used to add (concatenate) strings.

When used on strings, the + operator is called the concatenation operator.

  

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

<p id="demo"></p>

<script>
   var txt1 = "John";
   var txt2 = "Doe";
   document.getElementById("demo").innerHTML = txt1 + " " + txt2;
</script> 

 

The += assignment operator can also be used to add (concatenate) strings:

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

<p id="demo"></p>

<script>
   txt1 = "What a very ";
   txt1 += "nice day";
   document.getElementById("demo").innerHTML = txt1;
</script> 

 

Adding Strings and Numbers

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

 

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

<p id="demo"></p>

<script>
  var x = 5 + 5;
  var y = "5" + 5;
  var z = "Hello" + 5;
  document.getElementById("demo").innerHTML =
  x + "<br>" + y + "<br>" + z;
</script> 

 

 The rule is: If you add a number and a string, the result will be a string!

 

 

JavaScript Comparison and Logical 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

 

Comparison and logical operators are described in the JS Comparisons chapter. 

반응형