Operasi bitwise adalah operasi yang dilakukan pada level bit individu dari representasi biner dari angka. Dalam JavaScript, terdapat beberapa operasi bitwise yang dapat digunakan:
- AND (&): Menghasilkan bit 1 jika kedua bit yang dibandingkan adalah 1, dan bit 0 jika salah satu atau kedua bit tersebut adalah 0.
let a = 5; // Representasi biner: 0101
let b = 3; // Representasi biner: 0011
let result = a & b; // Hasil: 0001 (1 dalam desimal)2. OR (|): Menghasilkan bit 1 jika salah satu atau kedua bit yang dibandingkan adalah 1, dan bit 0 jika kedua bit tersebut adalah 0.
let a = 5; // Representasi biner: 0101
let b = 3; // Representasi biner: 0011
let result = a | b; // Hasil: 0111 (7 dalam desimal)3. XOR (^): Menghasilkan bit 1 jika salah satu dari kedua bit yang dibandingkan adalah 1, tetapi bukan keduanya, dan bit 0 jika kedua bit tersebut adalah 0 atau keduanya adalah 1.
let a = 5; // Representasi biner: 0101
let b = 3; // Representasi biner: 0011
let result = a ^ b; // Hasil: 0110 (6 dalam desimal)4. NOT (~): Mengubah setiap bit menjadi kebalikannya. Bit 1 menjadi 0 dan bit 0 menjadi 1.
let a = 5; // Representasi biner: 0101
let result = ~a; // Hasil: -6 (Representasi biner: 1010)5. Left Shift (<<): Menggeser bit ke kiri sebanyak n posisi. Bit yang digeser keluar dari batas kiri dihilangkan dan bit kosong di sebelah kanan diisi dengan 0.
let a = 5; // Representasi biner: 0101
let result = a << 2; // Hasil: 20 (Representasi biner: 10100)6. Right Shift (>>): Menggeser bit ke kanan sebanyak n posisi. Bit yang digeser keluar dari batas kanan dihilangkan dan bit kosong di sebelah kiri diisi dengan 0.
let a = 5; // Representasi biner: 0101
let result = a >> 1; // Hasil: 2 (Representasi biner: 0010)Implementasi dengan HTML
Anda dapat menggunakan operasi bitwise dalam JavaScript dan mengimplementasikannya dalam elemen HTML. Berikut adalah contoh sederhana penggunaan operasi bitwise dalam JavaScript dan menampilkan hasilnya dalam elemen HTML:
<!DOCTYPE html>
<html>
<head>
<title>Operasi Bitwise</title>
<script>
function calculateBitwise() {
let a = parseInt(document.getElementById("input1").value);
let b = parseInt(document.getElementById("input2").value);
let resultAnd = a & b;
let resultOr = a | b;
let resultXor = a ^ b;
let resultNot = ~a;
let resultLeftShift = a << 2;
let resultRightShift = a >> 1;
document.getElementById("resultAnd").innerHTML = resultAnd;
document.getElementById("resultOr").innerHTML = resultOr;
document.getElementById("resultXor").innerHTML = resultXor;
document.getElementById("resultNot").innerHTML = resultNot;
document.getElementById("resultLeftShift").innerHTML = resultLeftShift;
document.getElementById("resultRightShift").innerHTML = resultRightShift;
}
</script>
</head>
<body>
<h1>Operasi Bitwise</h1>
<label for="input1">Input 1:</label>
<input type="number" id="input1">
<br>
<label for="input2">Input 2:</label>
<input type="number" id="input2">
<br>
<button onclick="calculateBitwise()">Hitung</button>
<br>
<h2>Hasil:</h2>
<p>AND: <span id="resultAnd"></span></p>
<p>OR: <span id="resultOr"></span></p>
<p>XOR: <span id="resultXor"></span></p>
<p>NOT: <span id="resultNot"></span></p>
<p>Left Shift: <span id="resultLeftShift"></span></p>
<p>Right Shift: <span id="resultRightShift"></span></p>
</body>
</html>Output:
See the Pen Operasi Bitwise dalam JavaScript by WebbizID (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan elemen input untuk memasukkan dua angka yang akan digunakan dalam operasi bitwise. Setelah tombol “Hitung” ditekan, hasil operasi bitwise akan ditampilkan dalam elemen HTML yang sesuai.
Dengan menggunakan kode di atas, Anda dapat mengimplementasikan operasi bitwise dalam JavaScript dan menampilkan hasilnya dalam elemen HTML.
Kesimpulan
Operasi bitwise adalah alat yang berguna dalam pemrograman untuk memanipulasi bit-bit individu dari representasi biner angka. Dalam JavaScript, kita dapat menggunakan operasi bitwise seperti AND, OR, XOR, NOT, Left Shift, dan Right Shift untuk melakukan operasi pada bit-bit ini. Dalam contoh di atas, kita juga melihat bagaimana kita dapat mengimplementasikan operasi bitwise dalam elemen HTML untuk menampilkan hasilnya secara interaktif. Dengan pemahaman yang baik tentang operasi bitwise, Anda dapat meningkatkan kemampuan pemrograman Anda dalam memanipulasi data pada level bit individu.
Leave a Reply