Boolean dan perbandingan

5 == "5" bernilai true, tetapi 5 === "5" bernilai false. Tanda sama dengan tiga juga memeriksa apakah kedua sisi bertipe sama.

Pertanyaan dengan jawaban ya atau tidak

Program terus-menerus bertanya. Apakah kata sandinya cukup panjang? Apakah nyawa pemain sudah habis? Apakah hari ini akhir pekan? Setiap pertanyaan itu punya salah satu dari dua jawaban, dan JavaScript mewakilinya dengan dua nilai boolean, true dan false. Boolean dinamai menurut George Boole, matematikawan abad ke-19 yang menyusun aljabar benar dan salah. Sendirian, boolean tidak terlalu menarik, tetapi boolean-lah yang memungkinkan program mengambil keputusan, yang menjadi pokok bahasan unit berikutnya.

Operator perbandingan

Perbandingan mengambil dua nilai dan menghasilkan boolean. Enam yang paling sering kamu pakai ada di bawah. Perhatikan bahwa "sama dengan" ditulis dengan tiga tanda sama dengan, karena satu tanda = sudah berarti "simpan nilai".

Seperti aritmetika, perbandingan adalah ekspresi, jadi kamu bisa mencetaknya atau menyimpannya dalam variabel: const isAdult = age >= 18; memasukkan true atau false ke dalam isAdult, tergantung usianya. Nama variabel untuk boolean sering diawali is, has, atau can, sehingga kodenya terbaca seperti pertanyaan.

Mengapa === dan bukan ==

JavaScript juga punya sama dengan ganda, ==, yang disebut kesamaan longgar. Sebelum membandingkan, operator ini mencoba mengubah kedua sisi menjadi tipe yang sama, sehingga hasilnya sulit ditebak: 5 == "5" bernilai true, begitu pula 0 == "". Sama dengan tiga ===, kesamaan ketat, tidak pernah mengubah tipe. Kalau tipenya berbeda, jawabannya langsung false. MDN dan kebanyakan panduan gaya menganjurkan === dan !== untuk kode sehari-hari, dan kursus ini memakainya di mana-mana.

console.log(5 === 5);      // true
console.log(5 === "5");    // false
// kesamaan longgar, sebaiknya dihindari:
console.log(5 == "5");     // true
console.log("cat" !== "dog"); // true

String juga bisa dibandingkan. === memeriksa apakah dua string punya karakter yang persis sama, termasuk huruf besarnya, jadi "Yes" === "yes" bernilai false. Operator < dan > membandingkan string karakter demi karakter memakai kode karakternya, yang mendekati urutan kamus untuk kata berhuruf kecil: "apple" < "banana" bernilai true. Dalam urutan itu, huruf besar berada sebelum semua huruf kecil, jadi "Zebra" < "apple" juga bernilai true.

Menggabungkan jawaban dengan &&, || dan !

Pertanyaan sungguhan sering terdiri atas beberapa bagian. Sebuah wahana permainan mungkin mensyaratkan tinggi minimal 120 cm dan usia minimal 8 tahun. JavaScript menggabungkan jawaban boolean dengan operator logika. && (dan) bernilai true hanya kalau kedua sisi true. || (atau) bernilai true kalau setidaknya satu sisi true. ! (bukan) membalik boolean, jadi !true bernilai false.

const height = 130;
const age = 7;
console.log(height >= 120 && age >= 8);   // false
console.log(height >= 120 || age >= 8);   // true
console.log(!(age >= 8));                 // true

Contoh soal. Apakah sebuah hari termasuk akhir pekan? day === "Sat" || day === "Sun". Perhatikan bahwa kamu harus mengulang day === di kedua sisi. Menulis day === "Sat" || "Sun" terdengar wajar dalam bahasa Inggris, tetapi tidak melakukan yang kamu maksud, karena "Sun" sendirian bukan perbandingan. Perbandingan dikerjakan sebelum && dan ||, jadi height >= 120 && age >= 8 tidak perlu tanda kurung tambahan, walaupun menambahkannya tidak pernah merugikan.

Satu gagasan lagi yang akan kamu jumpai nanti: saat JavaScript memerlukan boolean tetapi mendapat nilai lain, beberapa nilai diperlakukan sebagai false. Nilai-nilai falsy ini adalah false, 0, string kosong "", null, undefined, dan NaN. Semua yang lain, termasuk "0" dan "false" sebagai string, dihitung sebagai true.