Cara Menggunakan Operator Logika di JavaScript

Operator logis memungkinkan Anda melakukan operasi logis pada nilai boolean. Mereka membiarkan Anda menggabungkan, meniadakan, atau membandingkan nilai boolean dan membuat keputusan logis dalam kode Anda berdasarkan hasilnya.


Jelajahi berbagai operator logis yang didukung JavaScript, termasuk operator penggabungan ES6 Nullish.


Operator Logis DAN (&&).

Operator AND (&&) adalah operator logis yang mengembalikan BENAR jika kedua operan mengevaluasi ke BENAR Dan PALSU jika tidak.

Berikut sintaks operator AND:

 a && b

Berikut adalah contoh operator AND yang digunakan:

 const a = 5;
const b = 10;
const c = 15;

const result_1 = (a < b) && (b < c);
console.log(result_1);

const result_2 = (a > b) && (b < c);
console.log(result_2);

Dalam contoh ini, hasil_1 mengevaluasi ke BENAR karena dua operan dalam ekspresi mengevaluasi ke BENAR. Namun, hasil_2 mengevaluasi ke PALSU karena operan pertama (a > b) kembali PALSU.

Jika kedua operan bukan boolean, JavaScript akan mencoba mengubahnya menjadi nilai boolean sebelum mengevaluasi ekspresi. Untuk mengubahnya menjadi boolean, JavaScript terlebih dahulu mengevaluasi apakah nilainya benar atau salah.

JavaScript menganggap nilai apa pun yang tidak salah secara eksplisit, sebagai nilai yang benar. Ketika dikonversi, mereka mengevaluasi ke boolean BENAR.

Namun, nilai dan tipe data tertentu dalam JavaScript salah, jadi saat JavaScript mengonversinya, nilai dan tipe data tersebut dievaluasi menjadi boolean PALSU.

Nilai-nilai palsu dalam JavaScript adalah:

  • PALSU
  • batal
  • belum diartikan
  • NaN (Bukan Angka)
  • 0
  • BigInt (0n)
  • Tali kosong (“” atau atau )
  • belum diartikan

Saat Anda menggunakan operator AND untuk mengevaluasi nilai non-boolean, ekspresi segera mengembalikan nilai operan pertama jika operan salah tanpa mengevaluasi yang kedua. Perilaku ini dikenal sebagai korsleting, dan Anda dapat menggunakannya untuk menulis pernyataan bersyarat dalam JavaScript.

Namun, Jika operan pertama benar, ekspresi akan melanjutkan untuk mengevaluasi operan kedua. Jika operan kedua benar, ia mengembalikannya.

Misalnya:

 const a = 5;
const b = 'Hello';
const c = null;

const result_1 = a && b;
console.log(result_1);

const result_2 = c && b;
console.log(result_2);

Dalam contoh ini, hasil_1 dievaluasi menjadi “Halo” karena kedua operan dalam ekspresi adalah benar. Namun, hasil_2 arus pendek dan pengembalian batal tanpa mengevaluasi operan kedua.

Perhatikan bahwa jika ada lebih banyak operan, operator AND akan terus mengevaluasinya hingga menemukan nilai yang salah. Jika tidak menemukan nilai palsu, ia mengembalikan nilai kebenaran terakhir yang ditemuinya.

Operator Logika OR (||).

OR (||) operator adalah operator logis yang mengembalikan BENAR jika dan hanya jika satu atau lebih operannya adalah BENAR. Itu hanya kembali PALSU ketika kedua operan tersebut PALSU.

Berikut sintaks dari operator OR:

 a || b

Berikut adalah contoh operator OR yang digunakan:

 const a = 5;
const b = 10;
const c = 15;

const result_1 = (a < b) || (b < c);
console.log(result_1);

const result_2 = (a > b) || (b < c);
console.log(result_2);

const result_3 = (a > b) || (b > c);
console.log(result_3);

Pada contoh di atas, hasil_1 mengevaluasi ke BENAR karena kedua operan dalam ekspresi mengevaluasi ke BENAR. hasil_2 mengevaluasi ke BENAR karena operan kedua mengevaluasi ke BENAR. hasil_3 mengevaluasi ke PALSU karena dua operan dalam ekspresi mengevaluasi ke PALSU.

Saat Anda menggunakan operator OR dalam konteks non-boolean, JavaScript mencoba mengonversi menjadi nilai boolean sebelum mengevaluasi ekspresi.

Saat ekspresi dievaluasi, jika operan pertama benar, operator melakukan hubungan pendek dan mengembalikannya. Namun, jika salah, ia melanjutkan untuk mengevaluasi operan berikutnya hingga menemukan operan yang benar. Jika tidak ada operan kebenaran dalam ekspresi, ia mengembalikan nilai falsy terakhir yang ditemuinya.

Misalnya:

 const a = 5;
const b = 'Hello';
const c = null;

const result_1 = a || b;
console.log(result_1);

const result_2 = c || b;
console.log(result_2);

const result_3 = c || " ";
console.log(result_3);

Pada contoh di atas, hasil_1 arus pendek dan pengembalian 5 karena merupakan nilai kebenaran. hasil_2 mengembalikan “Halo” karena ini adalah nilai kebenaran pertama yang ditemukan dalam ekspresi. hasil_3 mengembalikan string kosong karena ini adalah nilai falsy terakhir dalam ekspresi.

Operator NOT (!) Logis

Operator NOT (!) yang logis adalah operator unary yang mengembalikan nilai boolean yang berlawanan dari operannya.

Berikut sintaks operator NOT:

 !x

Di mana X adalah nilai boolean atau benar atau salah.

Berikut adalah contoh operator NOT yang digunakan:

 const a = 5;
const b = '';
const c = true;

const result_1 = !a;
console.log(result_1);

const result_2 = !b;
console.log(result_2);

const result_3 = !c;
console.log(result_3);

Pada contoh di atas, operator NOT mengembalikan nilai kebalikan dari operand boolean. Saat Anda menggunakan operator NOT dalam konteks non-boolean (hasil_1 & hasil_2), itu mengubah nilai kebenaran menjadi nilai kebalikan dari BENAR dan mengonversi nilai falsy menjadi nilai kebalikan dari PALSU.

Operator Penggabungan Nullish (??).

Operator penggabungan nullish adalah operator logis yang mengevaluasi dua operan dan mengembalikan operan pertama jika tidak batal atau belum diartikan. Jika tidak, ia mengembalikan operan kedua.

Sepintas, operator penggabungan nullish mungkin tampak identik dengan operator logika OR (||), tetapi bukan itu masalahnya. Perbedaan utamanya adalah operator OR mengembalikan operan sisi kanan jika operan kiri adalah nilai palsu “apa pun”, tidak hanya batal atau belum diartikan.

Ini memberikan cara ringkas untuk memilih nilai default saat bertemu batal atau belum diartikan nilai-nilai.

Inilah sintaks untuk operator penggabungan nullish:

 x ?? y

Berikut adalah contoh operator penggabungan nullish yang digunakan:

 const name = null;
const defaultName = "John Doe";

const result_1 = name ?? defaultName;
console.log(result_1);

const age = 0;
const defaultAge = 25;

const result_2 = age ?? defaultAge;
console.log(result_2);

Pada contoh di atas, hasil_1 mengembalikan “John Doe” karena operan pertama memiliki nilai batal. hasil_2 pengembalian 0 karena, meskipun itu nilai palsu, itu bukan keduanya batal juga bukan belum diartikan.

Menggunakan Operator Logika dalam Kode Anda

Operator logis biasanya digunakan untuk menulis pernyataan bersyarat, menetapkan nilai default, atau mengubah nilai boolean berdasarkan kondisi.

Dengan memanfaatkan operator logis ini, Anda dapat menulis kode yang lebih ringkas dan ekspresif yang menangani berbagai skenario berdasarkan kebenaran atau kepalsuan nilai.

Tags

Related Post