Heim >Web-Frontend >js-Tutorial >Verständnis !! in JavaScript - Einfache Anleitung

Verständnis !! in JavaScript - Einfache Anleitung

Patricia Arquette
Patricia ArquetteOriginal
2024-11-19 08:10:02605Durchsuche

Understanding !! in JavaScript - Simple Guide

Immer gesehen!! im JavaScript-Code und fragte mich, was los ist? Lassen Sie es uns in einfachen Worten aufschlüsseln.

Was bedeutet !! Tun?

Der Doppelknall (!!) ist eine schnelle Möglichkeit, jeden Wert in einen booleschen Wert (wahr oder falsch) umzuwandeln. So einfach ist das!

Stellen Sie sich das so vor, als würden Sie JavaScript fragen: „Hey, existiert dieser Wert und ist er sinnvoll?“

  • Wenn ja, werden Sie wahr
  • Wenn nein, erhalten Sie falsch

Sehen Sie es in Aktion

Sehen wir uns einige kurze Beispiele an:

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

Beispiele aus der Praxis

1. Überprüfen, ob ein Benutzer seinen Namen angegeben hat

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. Überprüfen, ob eine API-Antwort Daten enthält

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

Wann sollten Sie !! verwenden?

!! ist besonders nützlich, wenn:

  1. Sie benötigen einen wahren Booleschen Wert anstelle eines „wahren“ oder „falschen“ Werts
  2. Sie prüfen, ob ein Wert vorhanden und aussagekräftig ist
  3. Sie möchten die Absicht Ihres Codes sehr deutlich machen

Welche Werte werden falsch?

Dies sind alle Werte, die bei Verwendung von !!:

falsch werden
  • 0
  • "" (leerer String)
  • null
  • undefiniert
  • NaN
  • falsch

Alles andere wird wahr!

Profi-Tipps

1. Die Abkürzung für die If-Anweisung

In if-Anweisungen konvertiert JavaScript Werte automatisch in boolesche Werte, also Folgendes:

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

Ist dasselbe wie:

if (username) {
    // do something
}

2. Stattdessen Boolean() verwenden

Einige Entwickler bevorzugen die Verwendung von Boolean(), weil es offensichtlicher ist, was passiert:

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

Beide funktionieren genau gleich – verwenden Sie das, was für Sie sinnvoller ist!

Kurze Zusammenfassung

  • !! wandelt Werte in wahr/falsch um
  • Es eignet sich hervorragend zum Überprüfen, ob Werte vorhanden sind
  • Verwenden Sie es, wenn Sie speziell ein boolesches Ergebnis benötigen
  • In if-Anweisungen brauchen Sie es normalerweise nicht

Denken Sie daran: Der beste Code ist Code, den Ihr Team leicht verstehen kann. Ob Sie !! oder Boolean(), seien Sie einfach konsistent!

Das obige ist der detaillierte Inhalt vonVerständnis !! in JavaScript - Einfache Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn