Compréhension !! en JavaScript - Guide simple

Du jamais vu !! en code JavaScript et vous vous demandez ce qui se passe ? Décomposons-le en termes simples.

Que fait !! Faire?

Le double bang (!!) est un moyen rapide de convertir n'importe quelle valeur en booléen (vrai ou faux). C'est aussi simple que ça !

Pensez-y comme si vous demandiez à JavaScript : "Hé, cette valeur existe-t-elle et est-elle significative ?"

• Si oui, tu deviens vrai
• Si non, vous obtenez faux

Voyez-le en action

Regardons quelques exemples rapides :

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

Exemples concrets

1. Vérifier si un utilisateur a fourni son nom

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. Vérifier si une réponse API contient des données

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!"

Quand devriez-vous utiliser !!?

!! est particulièrement utile lorsque :

1. Vous avez besoin d'un vrai booléen au lieu d'une valeur "vraie" ou "fausse"
2. Vous vérifiez si une valeur existe et est significative
3. Vous souhaitez que l'intention de votre code soit très claire

Quelles valeurs deviennent fausses ?

Ce sont toutes les valeurs qui deviennent fausses lors de l'utilisation !!:

• 0
• "" (chaîne vide)
• nul
• indéfini
• NaN
• faux

Tout le reste devient vrai !

Conseils de pro

1. Le raccourci de l'instruction If

Dans les instructions if, JavaScript convertit automatiquement les valeurs en booléens, donc ceci :

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

C'est la même chose que :

if (username) {
    // do something
}

2. Utiliser plutôt Boolean()

Certains développeurs préfèrent utiliser Boolean() car ce qui se passe est plus évident :

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

Les deux fonctionnent exactement de la même manière : utilisez celui qui vous semble le plus logique !

Récapitulatif rapide

• !! convertit les valeurs en vrai/faux
• C'est idéal pour vérifier si des valeurs existent
• Utilisez-le lorsque vous avez spécifiquement besoin d'un résultat booléen
• Dans les déclarations if, vous n'en avez généralement pas besoin

N'oubliez pas : le meilleur code est un code que votre équipe peut facilement comprendre. Que vous utilisiez !! ou Boolean(), soyez juste cohérent !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!