Cara menggunakan ASSIEMENT pada JavaScript

Question

Operator assignment berfungsi memberikan nilai pada variabel JavaScript.

Table of Contents Show

Contoh Assignment
Penggunaan Operator Assignment (Penugasan)
Operator assignment apakah bisa digunakan untuk aritmatik?
Bagaimana cara kita melakukan sebuah operasi perkalian pada javascript?
Apa itu operator dalam javascript?
Apa itu operator ternary Javascript?

Table of Contents

Contoh Assignment
Penggunaan Operator Assignment (Penugasan)
Operator assignment apakah bisa digunakan untuk aritmatik?
Bagaimana cara kita melakukan sebuah operasi perkalian pada javascript?
Apa itu operator dalam javascript?
Apa itu operator ternary 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
>>=	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

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:

<!DOCTYPE html>
<html>
<body>

<h2>Operator =</h2>

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

<script>
var x = 10;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

operator assignment + = berfungsi untuk menambahkan nilai pada variabel.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Operator +=</h2>

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

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

</body>
</html>

Operator assignment -= mengurangi nilai dari variabel.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Operator -=</h2>

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

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

</body>
</html>

Operator assignment * = berfungsi untuk mengalikan variabel.

<!DOCTYPE html>
<html>
<body>

<h2>Operator *=</h2>

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

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

</body>
</html>

Operator / = untuk membagi variabel.

<!DOCTYPE html>
<html>
<body>

<h2>Operator /=</h2>

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

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

</body>
</html>

Operator assignment %= berfungsi untuk memberikan sisa pada variabel.

<!DOCTYPE html>
<html>
<body>

<h2>Operator %=</h2>

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

<script>
var x = 10;
x %= 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

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.

Operator assignment apakah bisa digunakan untuk aritmatik?

Selain untuk operasi aritmatik, atau angka, operator assignment juga berguna untuk menggabungkan sebuah kata atau string,.

Bagaimana cara kita melakukan sebuah operasi perkalian pada javascript?

Opeartor Aritmatika pada Javascript Untuk melakukan operasi perkalian, kita menggunakan simbol asterik * . Jangan gunakan x , karena simbol x bukan termasuk dalam operator di dalam pemrograman. Lalu untuk pemangkatan kita menggunakan asterik ganda ** . Untuk pembagian, kita gunakan simbol garis miring / .

Apa itu operator dalam javascript?

Operator adalah instruksti yang digunakan untuk melakukaknsuatu proses, misal pada operator assignment(=) yang digunakan untuk memasukkan nilai kedalam variabel, operator koma(,) yang digunakan pada deklarasi variabel( var a,b,c; ).

Apa itu operator ternary Javascript?

Operator ternary merupakan shorthand untuk percabangan if , tapi lebih singkat dan to the point. Sama seperti if , kita bisa membuat percabangan lebih dari satu kondisi dan lebih dari dua pilihan (aksi).

kode javascript