Aritmatika dengan JavaScript

Sahid
Departemen Pendidikan Matematika, Universitas Negeri Yogyakarta
sahid@uny.ac.id, sahidyk@gmail.com

 

 

Ini adalah artikel lanjutan tentang bahasa javaScript. Setelah ini akan diikuti dengan artikel tentang menggambar grafik dan diagram menggunakan javaScript.

Operator Aritmatika JavaScript

Operator aritmatika melakukan aritmatika pada bilangan (literal atau variabel).

Operator	Penjelasan
+	Penjumlahan
-	Pengurangan
*	Perkalian
**	Perpangkatan (ES2016)
/	Pembagian
%	Modulo (Sisa pembagian)
++	Menambah nilai
--	Menurunkan nilai

---

Operasi Aritmatika

Operasi aritmatika tipikal beroperasi pada dua bilangan.

Kedua bilangan bisa literal:

Contoh

var x = 100 + 50;

<p style="color:blue; background-color:yellow;">Nilai x = 100 + 5 = <span id="demo1"></span>.</p>
<script>
var x = 100 + 50;
document.getElementById("demo1").innerHTML = x;
</script>

Nilai x = 100 + 5 = .

atau variabel:

Contoh

var x = a + b;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x = a + b = <span id="demo2"></span>.</p>
<script>
var a = 100;
var b = 50;
var x = a + b;
document.getElementById("demo2").innerHTML = x;
</script>

Nilai x = a + b = .

atau ekspresi:

Contoh

var x = (100 + 50) * a;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x = (100 + 50) * a = <span id="demo3"></span>.</p>
<script>
var a = 3;
var x = (100 + 50) * a;
document.getElementById("demo3").innerHTML = x;
</script>

Nilai x = (100 + 50) * a = .

---

Operator dan Operand

bilangan-bilangan (dalam operasi aritmatika) disebut operan .

Operasi (yang akan dilakukan antara dua operan) didefinisikan oleh operator .

Operan	Operator	Operan
100	+	50

---

Penjumlahan

Operator penjumlahan ( +) menambahkan bilangan:

Contoh

xxxxxxxxxx
var x = 100;
var y = 37;
var z = x+y;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai z = x + y = <span id="demo4"></span>.</p>
<script>
var x = 100;
var y = 37;
var z = x+y;
document.getElementById("demo4").innerHTML = z;
</script>

Nilai z = x + y = .

---

Pengurangan

Operator pengurangan ( -) mengurbilangann bilangan.

Contoh

xxxxxxxxxx
var d = x - y;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai d = x - y = <span id="demo5"></span>.</p>
<script>
var d = x-y;
document.getElementById("demo5").innerHTML = d;
</script>

Nilai d = x - y = .

---

Perkalian

Operator perkalian ( *) mengalikan bilangan.

Contoh

xxxxxxxxxx
var m = x * y;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai m = x *y = <span id="demo6"></span>.</p>
<script>
var m = x*y;
document.getElementById("demo6").innerHTML = m;
</script>

Nilai m = x *y = .

---

Pembagian

Operator pembagian ( /) membagi bilangan.

Contoh

xxxxxxxxxx
var z = x / y;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai z = x /y = <span id="demo7"></span>.</p>
<script>
var z = x/y;
document.getElementById("demo7").innerHTML = z;
</script>

Nilai z = x /y = .

---

Sisa Pembagian

Operator modulus ( %) mengembalikan sisa pembagian.

Contoh

xxxxxxxxxx
var r = x % y;
var hasil = (x=r)/y;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Hasil bagi <span id="demo8a"></span> oleh <span id="demo8b"></span> adalah <span id="demo8c"></span>, sisa pembagiannya adalah <span id="demo8d"></span>, karena <span id="demo8e"></span> = <span id="demo8f"></span>x<span id="demo8g"></span>+<span id="demo8h"></span>.</p>
<script>
    var r = x%y;
    var hasil=(x-r)/y;
    document.getElementById("demo8a").innerHTML = x;
    document.getElementById("demo8b").innerHTML = y;
    document.getElementById("demo8c").innerHTML = hasil;
    document.getElementById("demo8d").innerHTML = r;
    document.getElementById("demo8e").innerHTML = x;
    document.getElementById("demo8f").innerHTML = hasil;
    document.getElementById("demo8g").innerHTML = y;
    document.getElementById("demo8h").innerHTML = r;
</script>

Hasil bagi oleh adalah , sisanya pembagiannya adalah , karena = x+.

Dalam aritmatika, pembagian dua bilangan bulat menghasilkan hasil bagi dan sisa pembagian.

Dalam matematika, hasil operasi modulo adalah sisa pembagian aritmatika.

---

Menaikkan nilai

Operator kenaikan ( ++) menambah 1 ke suatu bilangan.

Contoh

xxxxxxxxxx
x++;
var z = x;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x = x++ = <span id="demo9"></span>.</p>
<script>
x++;
var z = x;
document.getElementById("demo9").innerHTML = z;
</script>

Nilai x = x++ = .

---

Menurunkan nilai

Operator penurunan ( --) mengurangi 1 suatu bilangan.

Contoh

xxxxxxxxxx
var z = x;```

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x = x-- = <span id="demo10"></span>.</p>
<script>
x--;
var z = x;
document.getElementById("demo10").innerHTML = z;
</script>

Nilai x = x-- = .

---

Eksponen

Operator eksponensial ( **) menaikkan operan pertama ke bilangan operan kedua.

Contoh

xxxxxxxxxx
var z = x ** 2;     // hasilnya 100^2=10000

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x^2 = <span id="demo11"></span>.</p>
<script>
var z = x ** 2;
document.getElementById("demo11").innerHTML = z;
</script>

Nilai x^2 = .

x ** y memberikan hasil yang sama dengan Math.pow(x,y):

Contoh

xxxxxxxxxx
var x = 15;
var z = Math.pow(x,2);  // hasilnya 15^2 = 225

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x^2 = <span id="demo12"></span>.</p>
<script>
var x = 15;
var z = Math.pow(x,2);
document.getElementById("demo12").innerHTML = z;
</script>

Nilai x^2 = .

---

Prioritas Operator

Prioritas operator menjelaskan urutan operasi yang dilakukan dalam ekspresi aritmatika.

Contoh

var x = 100 + 50 * 3;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x = <span id="demo13"></span>.</p>
<script>
var x = 100 + 50 * 3;
document.getElementById("demo13").innerHTML = x;
</script>

Nilai x = .

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

Apakah penjumlahan atau perkalian yang dilakukan terlebih dahulu?

Seperti dalam matematika sekolah tradisional, perkalian dilakukan terlebih dahulu.

Perkalian ( *) dan pembagian ( /) lebih diutamakan daripada penjumlahan ( +) dan pengurangan ( -).

Dan (seperti dalam matematika sekolah) prioritas dapat diubah dengan menggunakan tanda kurung.

Contoh

var x = (100 + 50) * 3;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x = <span id="demo14"></span>.</p>
<script>
var x = (100 + 50) * 3;
document.getElementById("demo14").innerHTML = x;
</script>

Nilai x = .

Saat menggunakan tanda kurung, operasi di dalam tanda kurung dihitung terlebih dahulu.

Ketika banyak operasi memiliki prioritas yang sama (seperti penambahan dan pengurangan), mereka dihitung dari kiri ke kanan:

Contoh

var x = 100 + 50 - 3;

xxxxxxxxxx
<p style="color:blue; background-color:yellow;">Nilai x = <span id="demo15"></span>.</p>
<script>
var x = 100 + 50 - 3;
document.getElementById("demo15").innerHTML = x;
</script>

Nilai x = .

---

Nilai Prioritas Operator JavaScript

Nilai	Operator	Keterangan	Contoh
21	( )	Pengelompokan ekspresi	(3 + 4)
20	.	Anggota	orang.nama
20	[]	Anggota	orang["nama"]
20	()	Panggilan fungsi	namafungsi()
20	new	Membuat	new Date()
18	++	Kenaikan Postfix	i++
18	--	Penurunan Postfix	i--
17	++	Peningkatan Awalan	++i
17	--	Penurunan Awalan	--i
17	!	Tidak/negasi (logika)	!(x==y)
17	typeof	Jenis	typeof x
16	**	Eksponen (ES2016) (ECMAScript 2015 (ES6) atau lebih tinggi)	10 ** 2
15	*	Perkalian	10 * 5
15	/	Pembagian	10 / 5
15	%	Sisa Pembagian	10% 5
14	+	Penambahan	10 + 5
14	-	Pengurangan	10 - 5
13	<<	Geser ke kiri	x << 2
13	>>	Geser ke kanan	x >> 2
13	>>>	Geser ke kanan (tidak bertanda)	x>>> 2
12	<	Kurang dari	x < y
12	<=	Kurang dari atau sama dengan	x <= y
12	>	Lebih besar daripada	x > y
12	>=	Lebih besar daripada atau sama	x >= y
12	in	Properti di Obyek (ECMAScript 2015 (ES6) atau lebih tinggi)	"PI" in Math
12	instanceof	Contoh Objek (ECMAScript 2015 (ES6) atau lebih tinggi)	instanceof Array
11	==	Sama	x == y
11	===	Sangat sama	x === y
11	!=	Tidak sama	x != y
11	!==	Sangat berbeda	x !== y
10	&	DAN bit per bit	x & y
9	^	Bitwise XOR	x ^ y
8	|	ATAU bit per bit	x | y
7	&&	logika DAN	x && y
6	||	logika OR	x || y
5	??	Penggabungan Nullish	x ?? y
4	? :	Syarat	? “Ya” : “Tidak”
3	+=	Penugasan (penyimpanan nilai)	x += y
3	/=	Penugasan (penyimpanan nilai)	x /= y
3	-=	Penugasan (penyimpanan nilai)	x -= y
3	*=	Penugasan (penyimpanan nilai)	x *= y
3	%=	Penugasan (penyimpanan nilai)	x %= y
3	<=	Penugasan (penyimpanan nilai)	x <<= y
3	>>=	Penugasan (penyimpanan nilai)	x >>= y
3	>>>=	Penugasan (penyimpanan nilai)	x >>>= y
3	&=	Penugasan (penyimpanan nilai)	x &= y
3	^=	Penugasan (penyimpanan nilai)	x ^= y
3	|=	Penugasan (penyimpanan nilai)	x \|= y
2	yield	Fungsi Jeda (ECMAScript 2015 (ES6) atau lebih tinggi)	yield x
1	,	Koma	5 , 6

Ekspresi dalam tanda kurung dihitung sepenuhnya sebelum nilai digunakan di sisa ekspresi.

---