Tutorial Operator Aritmatika Javascript

0
107

Operator artimatika melakukan perhitungan pada anga (literal atau variabel).

Operator Description
+ Pertambahan
Pengurangan
* Perkalian
/ Divisi
% Modulus(sisa)
++ Tambahan(increment)
Pengurangan(decrement)

Operator Aritmatika

Operator aritmatika tipikal beroperasi pada dua angka. Dua angka bisa berupa literal, contoh :

<!DOCTYPE html>
<html>
<body>

<p>A typical arithmetic operation takes two numbers and produces a new number.</p>

<p id="contoh"></p>

<script>
var x = 100 + 50;
document.getElementById("contoh").innerHTML = x;
</script>

</body>
</html>

 

Atau variabel :

<!DOCTYPE html>
<html>
<body>

<p>A typical arithmetic operation takes two numbers (or variables) and produces a new number.</p>

<p id="contoh"></p>

<script>
var a = 100;
var b = 50;
var x = a + b;
document.getElementById("contoh").innerHTML = x;
</script>

</body>
</html>

 

Atau ekspresi :

<!DOCTYPE html>
<html>
<body>

<p>A typical arithmetic operation takes two numbers (or expressions) and produces a new number.</p>

<p id="contoh"></p>

<script>
var a = 3;
var x = (100 + 50) * a;
document.getElementById("contoh").innerHTML = x;
</script>

</body>
</html>

 

Operator dan Operan

Angka-angka (dalam operasi aritmatika) disebut operan. Operasi (yang dilakukan antara dua operan) ditentukan oleh operator.

Operan Operator Operan
100 + 50

Pertambahan

Operator pertambahan (+) menambahkan angka, contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Pertambahan</h2>

<p id="contoh"></p>

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

</body>
</html>

 

Pengurangan

Operator pengurangan (-) pengurangan angka, contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Pengurangan</h2>

<p id="contoh"></p>

<script>
var x = 5;
var y = 5;
var z = x - y;
document.getElementById("contoh").innerHTML = z
</script>

</body>
</html>

 

Perkalian

Operator Perkalian (*) perkalian angka, contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Perkalian</h2>

<p id="contoh"></p>

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

</body>
</html>

 

Pemisah

Operator divisi (/) divisi angka, contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Divisi</h2>

<p id="contoh"></p>

<script>
var x = 10;
var y = 5;
var z = x / y;
document.getElementById("contoh").innerHTML = z;
</script>

</body>
</html>

 

Sisa

Operator modulus (%) mengembalikan sisa pembagian, contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Sisa</h2>

<p id="contoh"></p>

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

</body>
</html>

 

*keterangan : Dalam aritmatika, pembagian dua bilangan bulat menghasilkan bagi dan sisanya. Dalam matematika, hasil dari operasi modul adalah sisa dari divisi aritmatika.

Incrementing

Operator increment(++) increment angka, contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Increment</h2>

<p id="contoh"></p>

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

</body>
</html>

 

Decrementing

Operator decrement (–) decrement angka, contoh :

<!DOCTYPE html>
<html>
<body>

<h2>Decrement</h2>

<p id="contoh"></p>

<script>
var x = 5;
x--;
var z = x;
document.getElementById("contoh").innerHTML = z;
</script>

</body>
</html>

 

Prioritas Operator

Operator menggambarkan urutan operasi yang dilakukan dalam ekspresi aritmatika.

<!DOCTYPE html>
<html>
<body>

<p>Multiplication has precedence over addition.</p>

<p id="contoh"></p>

<script>
document.getElementById("contoh").innerHTML = 100 + 50 * 3;
</script>

</body>
</html>

 

Apakah hasil contoh diatas sama dengan 150 * 3, atau sama dengan 100 + 150?

Apakah penambahan atau perkalian yang dieksekusi lebih dulu?

Seperti sekolah, perkalian dieksekusi terlebih dahulu. Perkalian (*) dan pembagian (/) memiliki prioritaas yang lebih tinggi daripada penambahan (+) dan pengurangan (-). Dan seperti di sekolah diutamakan dapat diubah dengan menggunakan tanda kurung.

Contoh :

<!DOCTYPE html>
<html>
<body>

<p>Multiplication has precedence over addition.</p>
<p>But parenthesis has precedence over multiplication.</p>

<p id="contoh"></p>

<script>
document.getElementById("contoh").innerHTML = (100 + 50) * 3;
</script>

</body>
</html>

 

Saat menggunakan tanda kurung, operasi di dalam tanda kurung dihitung terlebih dahulu. Ketika banyak operasi yang memiliki preseden yang sama mereka dihitung dari kiri ke kanan, contoh :

<!DOCTYPE html>
<html>
<body>

<p>When many operations has the same precedence, they are computed from left to right.</p>

<p id="contoh"></p>

<script>
document.getElementById("contoh").innerHTML = 100 + 50 - 3;
</script>

</body>
</html>

 

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here