Operator penugasan memungkinkan Anda untuk menetapkan nilai baru ke variabel dengan mudah. Mereka mengambil operan di sebelah kiri dan menetapkan operan yang tepat untuk itu
JavaScript juga memiliki operator penugasan yang memungkinkan Anda melakukan operasi aritmatika selama penugasan. Ini sangat berguna dan memungkinkan Anda menulis kode yang lebih bersih dan padat
Mari kita mulai panduan ini dengan memamerkan berbagai operator penugasan yang didukung JavaScript dalam kodenya
Dengan menggunakan tabel di bawah, Anda dapat melihat setiap operator penugasan dan apa yang mereka lakukan. Anda juga dapat menggunakan ini untuk melihat kode yang setara untuk menggunakan operator penugasan
OperatorNameExampleEquivalentResult=x = yx = y104 diatur ke nilai 105+=x += yx = x+ y105 ditambahkan ke 104-=x -= yx = x – y105 dikurangi dari104*=x___ yx_4*=x *=xContoh penggunaan Operator Penugasan dalam JavaScript
Di bagian berikut, kami mengeksplorasi bagaimana Anda menggunakan setiap operator penugasan di JavaScript
Selain menunjukkan kepada Anda bagaimana menggunakannya dalam kode Anda, kami juga menjelaskan apa yang mereka lakukan. Jika Anda baru mengenal JavaScript, ada baiknya mencoba mengingat cara kerja masing-masing
Operator Penugasan dalam JavaScript (let x = 10; x += 11; console.log(x);8)
Operator penugasan adalah salah satu yang paling sederhana untuk dipahami dalam JavaScript. Yang dilakukan operator ini hanyalah menetapkan nilai sisi kanan ke variabel di sisi kiri operator
Untuk contoh di bawah ini, kita akan mulai dengan mendefinisikan variabel bernama “104” dan memberinya nilai 210
Kami kemudian akan menggunakan operator penugasan lagi untuk mengubah nilai variabel ini menjadi 211. Nilai akhir “10_4” dicatat ke konsol
let x = 15; x = 10; console.log(x);Karena nilai terakhir yang kami tetapkan untuk “10_4” adalah 211, itulah hasil yang akan Anda dapatkan dari kode di atas
Penambahan Operator Penugasan (215)
JavaScript memiliki beragam operator yang memungkinkan Anda mengubah nilai pada penugasan. Operator ini memungkinkan Anda untuk menambah operan sisi kiri dengan menambahkan operan sisi kanan
Dalam contoh ini, kita akan mulai dengan mendeklarasikan variabel dengan nama “104“, dan memberinya nilai 211
Kami kemudian menggunakan operator penugasan tambahan JavaScript (215) untuk meningkatkan nilai variabel "104" kami dengan let x = 21; x -= 16; console.log(x);0
let x = 10; x += 11; console.log(x);Di bawah, Anda dapat melihat bagaimana operator ini meningkatkan nilai variabel “104” kami. Keuntungan paling signifikan dari operator ini adalah jauh lebih bersih untuk menulis daripada “let x = 21; x -= 16; console.log(x);2“
21Operator Penugasan Pengurangan dalam JavaScript (let x = 21; x -= 16; console.log(x);3)
Operator penugasan pengurangan (let x = 21; x -= 16; console.log(x);_3) memungkinkan Anda untuk mengurangi variabel kiri dengan nilai yang tepat. Keuntungan terbesar dari operator ini adalah memungkinkan Anda menulis kode yang lebih bersih
Untuk menampilkan operator ini dalam JavaScript, kita akan memulai contoh ini dengan mendeklarasikan variabel bernama “104” dengan nilai let x = 21; x -= 16; console.log(x);6
Kami kemudian menggunakan operator penugasan pengurangan untuk mengurangi "let x = 21; x -= 16; console.log(x);7" dari nilai variabel "104" kami
Nilai yang diperbarui dari variabel “104” kemudian dicatat ke konsol
let x = 21; x -= 16; console.log(x);Dari kode di atas, Anda akan berakhir dengan hasil berikut. Dengan hasil ini, Anda dapat melihat bagaimana nilai “104” dikurangi dengan let x = 21; x -= 16; console.log(x);7, dan JavaScript mengembalikan hasilnya ke variabel “104”
5Operator Penetapan Perkalian (5_3)
Operator penugasan perkalian dalam JavaScript memungkinkan Anda melipatgandakan nilai variabel dan menetapkan hasilnya
Untuk menggunakan operator ini, tentukan variabel Anda, diikuti dengan operator (53), diikuti dengan jumlah yang ingin Anda kalikan dengan
Untuk menunjukkan ini, kita akan memulai skrip contoh dengan mendefinisikan variabel yang disebut "104" dan memberinya nilai "56"
Kami kemudian menggunakan operator penugasan perkalian untuk mengalikan variabel “104” kami dengan 58
let x = 5; x *= 2; console.log(x);Setelah menjalankan kode contoh, Anda akan mendapatkan hasil di bawah ini. Dengan ini, Anda dapat melihat bagaimana operator ini mengalikan variabel “104” kami dengan 58 dan memberinya nilai baru
10Operator Penugasan Eksponensial dalam JavaScript (let x = 5; x *= 2; console.log(x);1)
Operator penugasan eksponensial (let x = 5; x *= 2; console.log(x);1) memungkinkan Anda untuk menaikkan nilai variabel Anda dengan operan sisi kanan, dengan nilai yang dihasilkan ditugaskan kembali ke variabel
Dengan contoh di bawah ini, kita mulai dengan mendefinisikan variabel bernama “104” dan memberinya nilai 211
Kami kemudian menggunakan operator ini untuk menaikkan nilai variabel “104” kami dengan let x = 5; x *= 2; console.log(x);6 dan menetapkan nilai kembali ke “104“. Terakhir, nilai dalam variabel “104” dicatat ke konsol menggunakan fungsi “let x = 5; x *= 2; console.log(x);9”
let x = 10; x **= 3; console.log(x);Setelah menaikkan 211pangkat let x = 5; x *= 2; console.log(x);6, Anda akan mendapatkan nilai berikut yang disimpan dalam variabel “104”
1000Operator Penugasan Divisi (10_3)
Untuk membagi variabel dengan nilai lain dan mengembalikan hasilnya ke variabel, Anda dapat menggunakan operator penugasan pembagian (103)
Operator penugasan pembagian dalam JavaScript ditulis menggunakan simbol garis miring (105) diikuti dengan simbol sama dengan (let x = 10; x += 11; console.log(x);8)
Mari kita tulis contoh singkat dalam JavaScript untuk menunjukkan cara kerjanya. Kita mulai dengan mendeklarasikan variabel (104) dan memberinya nilai 108
Pada baris berikutnya kita membagi variabel “10_4” kita dengan let x = 10; x **= 3; console.log(x);0, menetapkan hasilnya langsung kembali ke variabel “104”
100Setelah contoh di atas dijalankan, Anda akan mendapatkan hasil di bawah ini. Ini menunjukkan bahwa variabel “10_4” kita diberi hasil dari 108 dibagi dengan let x = 10; x **= 3; console.log(x);0
10Operator Penugasan Modulus dalam JavaScript (let x = 10; x **= 3; console.log(x);5)
Operator terakhir yang kita lihat adalah operator penugasan modulus (let x = 10; x **= 3; console.log(x);5). Operator ini mengizinkan JavaScript untuk mendapatkan sisa dari operasi pembagian (Modulus)
Dalam hal ini, variabel di sebelah kiri dibagi dengan operan sebelah kanan. Sisa dari pembagian ini ditugaskan kembali ke variabel sisi kiri
Untuk menampilkan operator penugasan modulus, kami akan menulis contoh singkat. Contoh ini dimulai dengan kita mendeklarasikan variabel “104” dan memberinya nilai 211
Kami kemudian menggunakan penugasan modulus JavaScript untuk mendapatkan sisa 104 dibagi dengan JavaScript akan menetapkan hasil operasi aritmatika ini kembali ke variabel "104"
10_2Dengan menjalankan contoh ini, Anda akan melihat bagaimana variabel “104” diberi nilai 211 modulus 10003 (2)
10_3Kesimpulan
Dalam tutorial ini, kami membahas dan menjelaskan bagaimana masing-masing operator penugasan bekerja di JavaScript. Ini adalah bagian mendasar dari bahasa JavaScript
Beri komentar di bawah jika Anda memiliki pertanyaan tentang cara kerja operator penugasan
Pastikan juga untuk melihat banyak tutorial JavaScript kami lainnya. Alternatifnya, kami memiliki banyak panduan pemrograman lain jika Anda ingin mempelajari bahasa baru