Dalam contoh ini, Anda akan belajar menulis program untuk menukar dua variabel dalam JavaScript menggunakan berbagai metode.
Untuk memahami contoh ini, Anda harus memiliki pengetahuan tentang topik pemrograman JavaScript berikut:
- Variabel dan Konstanta JavaScript
- Operator JavaScript
Contoh 1: Menggunakan Variabel Sementara
//JavaScript program to swap two variables //take input from the users let a = prompt('Enter the first variable: '); let b = prompt('Enter the second variable: '); //create a temporary variable let temp; //swap variables temp = a; a = b; b = temp; console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Keluaran
Masukkan variabel pertama: 4 Masukkan variabel kedua: 2 Nilai a setelah penukaran: 2 Nilai b setelah penukaran: 4
Sini,
- Kami membuat variabel temp untuk menyimpan nilai a sementara.
- Kami menetapkan nilai b ke a.
- Nilai temp diberikan ke b
Akibatnya, nilai variabel ditukar.
Catatan: Anda juga dapat menukar string atau tipe data lainnya menggunakan metode ini.
Contoh 2: Menggunakan tugas penghancuran es6 (ES2015)
//JavaScript program to swap two variables //take input from the users let a = prompt('Enter the first variable: '); let b = prompt('Enter the second variable: '); //using destructuring assignment (a, b) = (b, a); console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Keluaran
Masukkan variabel pertama: 4 Masukkan variabel kedua: 2 Nilai a setelah penukaran: 2 Nilai b setelah penukaran: 4
Di sini, fitur es6 baru, yang disebut tugas penghancuran (a, b) = (b, a)
, digunakan untuk menukar nilai dua variabel. Jika (a, b) = (1, 2, 3)
nilai a akan menjadi 1 dan nilai b akan menjadi 2 .
- Pertama, array sementara (b, a) dibuat. Di sini nilai (b, a) akan menjadi
(2, 4)
. - Penghancuran array dilakukan, yaitu
(a, b) = (2, 4)
.
Akibatnya, nilai variabel ditukar.
Anda dapat mempelajari lebih lanjut tentang penghancuran di JavaScript Destructing Assignment.
Catatan : Anda juga dapat menukar string atau tipe data lainnya menggunakan metode ini.
Anda juga dapat menukar nilai variabel menggunakan operator aritmatika .
Contoh 3: Menggunakan Operator Aritmatika
//JavaScript program to swap two variables //take input from the users let a = parseInt(prompt('Enter the first variable: ')); let b = parseInt(prompt('Enter the second variable: ')); // addition and subtraction operator a = a + b; b = a - b; a = a - b; console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Keluaran
Masukkan variabel pertama: 4 Masukkan variabel kedua: 2 Nilai a setelah penukaran: 2 Nilai b setelah penukaran: 4
Metode ini hanya menggunakan dua variabel dan menukar nilai variabel menggunakan operator aritmatika +
dan -
.
Di sini, parseInt()
digunakan karena prompt()
mengambil input dari pengguna sebagai string. Dan ketika string numerik ditambahkan, ia berperilaku sebagai string. Misalnya '2' + '3' = '23'
,. Jadi parseInt()
mengonversi string numerik menjadi angka.
Untuk mempelajari lebih lanjut tentang jenis konversi, buka Konversi Jenis JavaScript.
Mari kita lihat bagaimana program di atas menukar nilai. Awalnya, a adalah 4 dan b adalah 2 .
a = a + b
memberikan nilai4 + 2
ke a (sekarang 6 ).b = a - b
memberikan nilai6 - 2
ke b (sekarang 4 ).a = a - b
tetapkan nilainya6 - 4
ke a (sekarang 2).
Akhirnya, a adalah 2 dan b adalah 4 .
Catatan : Anda dapat menggunakan operator aritmatika ( +
, -
) jika kedua variabel berjenis angka.
Contoh 4: Menggunakan operator Bitwise XOR
//JavaScript program to swap two variables //take input from the users let a = prompt('Enter the first variable: '); let b = prompt('Enter the second variable: '); // XOR operator a = a b b = a b a = a b console.log(`The value of a after swapping: $(a)`); console.log(`The value of b after swapping: $(b)`);
Keluaran
Masukkan variabel pertama: 4 Masukkan variabel kedua: 2 Nilai a setelah penukaran: 2 Nilai b setelah penukaran: 4
Operator Bitwise XOR mengevaluasi true
apakah kedua operan berbeda. Untuk mempelajari lebih lanjut tentang operator bitwise, kunjungi JavaScript Bitwise Operator.
Mari kita lihat bagaimana program di atas menukar nilai. Awalnya, a adalah 4 dan b adalah 2 .
a = a b
memberikan nilai4 2
ke a (sekarang 6 ).b = a b
memberikan nilai6 2
ke b (sekarang 4 ).a = a b
tetapkan nilainya6 4
ke a (sekarang 2).
Akhirnya, a adalah 2 dan b adalah 4 .
Catatan : Anda dapat menggunakan metode ini hanya untuk nilai integer (bilangan bulat).