Heim > Web-Frontend > js-Tutorial > Hauptteil

Verständnis !! in JavaScript - Einfache Anleitung

Patricia Arquette
Freigeben: 2024-11-19 08:10:02
Original
563 Leute haben es durchsucht

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
Nach dem Login kopieren

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!"
Nach dem Login kopieren

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!"
Nach dem Login kopieren

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
}
Nach dem Login kopieren

Ist dasselbe wie:

if (username) {
    // do something
}
Nach dem Login kopieren

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
Nach dem Login kopieren

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!

Quelle:dev.to
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage