Operator assignment berfungsi memberikan nilai pada variabel JavaScript.
= | 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 |
> 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 |
Operator ** = adalah bagian eksperimental dari proposal ECMAScript 2016 [ES7]. Operator ini tidak stabil di semua browser. Jadi sebaiknya jangan gunakan itu.
Contoh Assignment
operator assignment = berfungsi untuk memberikan nilai pada variabel.
Contoh:
Operator =
var x = 10; document.getElementById["demo"].innerHTML = x;
operator assignment + = berfungsi untuk menambahkan nilai pada variabel.
Contoh:
Operator +=
var x = 10; x += 5; document.getElementById["demo"].innerHTML = x;
Operator assignment -= mengurangi nilai dari variabel.
Contoh:
Operator -=
var x = 10; x -= 5; document.getElementById["demo"].innerHTML = x;
Operator assignment * = berfungsi untuk mengalikan variabel.
Operator *=
var x = 10; x *= 5; document.getElementById["demo"].innerHTML = x;
Operator / = untuk membagi variabel.
Operator /=
var x = 10; x /= 5; document.getElementById["demo"].innerHTML = x;
Operator assignment %= berfungsi untuk memberikan sisa pada variabel.
Operator %=
var x = 10; x %= 5; document.getElementById["demo"].innerHTML = x;
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.
= | 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.
Code language: JavaScript [javascript]
var contohAssignment = 1; contohAssignment += 1;
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.
Code language: HTML, XML [xml]
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];
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,.
Code language: HTML, XML [xml]
var sebuahKata = 'Ini adalah contoh'; sebuahKata += ' kata yang terpisah'; console.log[sebuahKata];
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.