Memahami!! dalam JavaScript - Panduan Mudah

Pernah tengok !! dalam kod JavaScript dan tertanya-tanya apa yang berlaku? Mari kita pecahkan secara ringkas.

Apa Buat!! buat?

Double bang (!!) ialah cara cepat untuk menukar sebarang nilai kepada boolean (benar atau palsu). Semudah itu!

Fikirkan ia seperti bertanya JavaScript: "Hei, adakah nilai ini wujud dan adakah ia bermakna?"

• Jika ya, anda mendapat kebenaran
• Jika tidak, anda akan mendapat palsu

Lihat Ia Bertindak

Mari kita lihat beberapa contoh pantas:

// These become true
!!42          // true (any number except 0)
!!"Hello"     // true (any non-empty string)
!!{}          // true (any object)
!![]          // true (any array)

// These become false
!!0           // false
!!""          // false (empty string)
!!null        // false
!!undefined   // false

Contoh Dunia Nyata

1. Menyemak sama ada Pengguna Memberi Nama Mereka

function validateName(name) {
    if (!name) {  // same as if (!!name === false)
        return "Please enter your name";
    }
    return `Thanks, ${name}!`;
}

validateName("")        // "Please enter your name"
validateName("Sarah")   // "Thanks, Sarah!"

2. Menyemak sama ada Respons API Mempunyai Data

function handleResponse(data) {
    const hasData = !!data?.items?.length;

    if (hasData) {
        return "Found some results!";
    }
    return "No results found";
}

handleResponse({items: []})      // "No results found"
handleResponse({items: [1,2,3]}) // "Found some results!"

Bilakah Anda Perlu Menggunakan !!?

!! amat berguna apabila:

1. Anda memerlukan boolean sebenar dan bukannya nilai "benar" atau "palsu"
2. Anda sedang menyemak sama ada nilai wujud dan bermakna
3. Anda mahu menjadikan niat kod anda sangat jelas

Apakah Nilai Menjadi Palsu?

Ini adalah semua nilai yang menjadi palsu apabila menggunakan !!:

• 0
• "" (rentetan kosong)
• null
• tidak ditentukan
• NaN
• palsu

Semua yang lain menjadi benar!

Petua Pro

1. Pintasan Penyata If

Dalam pernyataan if, JavaScript secara automatik menukar nilai kepada boolean, jadi ini:

if (!!username) {
    // do something
}

Adakah sama seperti:

if (username) {
    // do something
}

2. Menggunakan Boolean() Sebaliknya

Sesetengah pembangun lebih suka menggunakan Boolean() kerana lebih jelas perkara yang berlaku:

Boolean("hello")   // true
Boolean("")        // false
!!("hello")        // true
!!("")            // false

Kedua-duanya berfungsi dengan cara yang sama - gunakan mana-mana yang lebih masuk akal untuk anda!

Rekap Pantas

• !! menukar nilai kepada benar/salah
• Ia bagus untuk menyemak sama ada nilai wujud
• Gunakannya apabila anda memerlukan hasil boolean secara khusus
• Dalam pernyataan if, anda biasanya tidak memerlukannya

Ingat: Kod terbaik ialah kod yang mudah difahami oleh pasukan anda. Sama ada anda menggunakan!! atau Boolean(), hanya konsisten!

Atas ialah kandungan terperinci Memahami!! dalam JavaScript - Panduan Mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!