Pada tutorial kali ini kita akan membahas operator assignment (penugasan) pada javascript, pengertian oprator assignment (penugasan) pada javascript adalah untuk mempersingkat operasi matematik, caranya ialah sama dengan memberikan nilai pada variable hanya saja ada operand dibagian kiri.
[toc tag=”Tutorial Dasar JavaScript”]
Berikut ini adalah tabel dari operator assignment (penugasan) pada javascript.
Operator | Contoh | Sama Dengan |
---|---|---|
= | 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 |
**= | x **= y | x = x ** y |
Penggunaan Operator Assignment (Penugasan)
Pada dasarnya operator assignment (penugasan) pada javascript sama dengan operasi aritmatika. Melakukan operasi aritmatika dengan menggunakan assignment tentunya sangat mempersingkat waktu, namun kembali lagi, efesiensi penulisan kode program perlu memperhatikan kebutuhan ketimbang kecepatan.
Namun yang membedakannya adalah ketika menggunakan operator assignment dimana sebuah variabel akan diisi suatu nilai, sebagai contoh berikut ini.
var contohAssignment = 1;
contohAssignment += 1;
Code language: JavaScript (javascript)
Contoh kode di atas sama dengan..
contohAssignment = contohAssignment + 1;
Cara penjumlahan di atas sebenarnya sama dengan menggunakan metode increment, hanya saja umumnya metode increment biasa digunakan pada proses looping, sedangkan operator assignment digunakan untuk operasi aritmatika yang lebih kompleks.
Dimana jumlah akan di tambahkan 1, begitu juga dengan penggunaan operator assignment yang lainnya sesuai dengan operasi masing-masing. Perhatikan contoh kode dibawah ini.
<html>
<head>
<script type="text/javascript">
var gajah = 20; // jumlah awal gajah ada 50
console.log('Jumlah awal gajah ada ' + gajah);
gajah += 5;
console.log('Jumlah gajah ditambah 5 = ' + gajah);
gajah -= 10;
console.log('Jumlah gajah dikurang 10 = ' + gajah);
</script>
</head>
</html>
Code language: HTML, XML (xml)
Dari kode di atas akan menghasilkan output pada console seperti gambar dibawah ini.
Selain untuk operasi aritmatik, atau angka, operator assignment juga berguna untuk menggabungkan sebuah kata atau string,.
<html>
<head>
<script type="text/javascript">
var sebuahKata = 'Ini adalah contoh';
sebuahKata += ' kata yang terpisah';
console.log(sebuahKata);
</script>
</head>
</html>
Code language: HTML, XML (xml)
Dari contoh kode diatas akan menghasilkan seperti gambar di bawah ini.
Dari gambar diatas bahwa kata yang terpisah dapat digabungkan menjadi satu kalimat utuh, itu artinya assignment tidak hanya untuk operasi artimatika.
Namun perlu diketahui, operator assignment akan otomatis melihat tipe data sebuah nilai, operasi aritmatika tidak dapat dijalankan jika nilai tersebut adalah sebuah string, melainkan digabung dengan nilai yang di isi sebelumnya.