Operasi Bitwise dalam JavaScript

Operasi Bitwise dalam JavaScript

—

by

Webbiz.ID
in

Operasi bitwise adalah operasi yang dilakukan pada level bit individu dari representasi biner dari angka. Dalam JavaScript, terdapat beberapa operasi bitwise yang dapat digunakan:

  1. AND (&): Menghasilkan bit 1 jika kedua bit yang dibandingkan adalah 1, dan bit 0 jika salah satu atau kedua bit tersebut adalah 0.
JavaScript
let a = 5; // Representasi biner: 0101
let b = 3; // Representasi biner: 0011

let result = a & b; // Hasil: 0001 (1 dalam desimal)
JavaScript

2. OR (|): Menghasilkan bit 1 jika salah satu atau kedua bit yang dibandingkan adalah 1, dan bit 0 jika kedua bit tersebut adalah 0.

JavaScript
let a = 5; // Representasi biner: 0101
let b = 3; // Representasi biner: 0011

let result = a | b; // Hasil: 0111 (7 dalam desimal)
JavaScript

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.

JavaScript
let a = 5; // Representasi biner: 0101
let b = 3; // Representasi biner: 0011

let result = a ^ b; // Hasil: 0110 (6 dalam desimal)
JavaScript

4. NOT (~): Mengubah setiap bit menjadi kebalikannya. Bit 1 menjadi 0 dan bit 0 menjadi 1.

JavaScript
let a = 5; // Representasi biner: 0101

let result = ~a; // Hasil: -6 (Representasi biner: 1010)
JavaScript

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.

JavaScript
let a = 5; // Representasi biner: 0101

let result = a << 2; // Hasil: 20 (Representasi biner: 10100)
JavaScript

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.

JavaScript
let a = 5; // Representasi biner: 0101

let result = a >> 1; // Hasil: 2 (Representasi biner: 0010)
JavaScript

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:

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>
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.

Artikel Terbaru ⭐