Wszystkie wartości falsey w JavaScript

Jakie są wartości w JavaScript, które są „falsey” , co oznacza, że oceniają one jako fałszywe w wyrażeniach takich jak if(value), value ?i !value?

Jest już kilka dyskusji na temat celu wartości falsey na Stack Overflow , ale nie ma wyczerpującej pełnej odpowiedzi wymieniającej wszystkie wartości falsey.

Nie mogłem znaleźć żadnej pełnej listy w MDN JavaScript Reference i byłem zaskoczony, że najlepsze wyniki, gdy szukałem pełnej, wiarygodnej listy wartości falsey w JavaScript, to artykuły na blogu, z których niektóre zawierały oczywiste pominięcia (na przykład NaN), a żaden z nich nie miał formatu takiego jak Przepełnienie stosu, w którym można dodawać komentarze lub alternatywne odpowiedzi w celu wskazania dziwactw, niespodzianek, pominięć, błędów lub zastrzeżeń. Wydawało się, że sensowne jest stworzenie takiego.

Wartości Falsey w JavaScript

• false
• Zerowy Numbertypu: 0a także -0, 0.0i forma hex 0x0( dzięki RBT )
• Zero BigInttypu: 0ni -0n(nowy w 2020 roku, dzięki GetMeARemoteJob )
• "", ''I ``- ciągi o długości 0
• null
• undefined
• NaN
• document.all (tylko w przeglądarkach HTML)
  • To dziwne. document.alljest przedmiotem falsey, z typeofas undefined. Była to funkcja zastrzeżona przez Microsoft w IE przed IE11 i została dodana do specyfikacji HTML jako „umyślne naruszenie specyfikacji JavaScript” , aby strony napisane dla IE nie przerywały na przykład próby uzyskania dostępu document.all.something; to fałsz, ponieważ if (document.all)był popularnym sposobem wykrywania IE przed komentarzami warunkowymi. Zobacz Dlaczego document.all jest fałszywy? dla szczegółów

„Falsey” oznacza po prostu, że ToBooleanzwraca wewnętrzną funkcję JavaScript false. ToBooleantkwi u podstaw !value, value ? ... : ...;i if (value). Oto jego oficjalna specyfikacja (projekt roboczy 2020) (jedynymi zmianami od pierwszej specyfikacji ECMAscript w 1997 r. Są dodanie symboli ES6 , które zawsze są zgodne z prawdą i BigIntwspomniane powyżej:

Porównania z ==(luźna równość)

Warto mówić o luźnych porównaniach== wartości fałszerstwa , które wykorzystują ToNumber()i mogą powodować pewne zamieszanie z powodu różnic leżących u ich podstaw. Skutecznie tworzą trzy grupy:

• false, 0, -0, "", '' wszystkie pasują do siebie ==
  • na przykład false == "", '' == 0i dlatego4/2 - 2 == 'some string'.slice(11);
• null, undefined pasuje do ==
  • np null == undefinedaleundefined != false
  • Warto też wspomnieć, że gdy typeof nullwróci 'object', nullto nie jest obiektem, jest to dawna bug / dziwactwo , że nie została ustalona w celu utrzymania kompatybilności. To nie jest prawdziwy obiekt, a obiekty są zgodne z prawdą (z wyjątkiem „umyślnego naruszenia”, document.allgdy JavaScript jest zaimplementowany w HTML)
• NaN nie pasuje do niczego, ==ani ===nawet do siebie
  • np NaN != NaN, NaN !== NaN, NaN != false,NaN != null

W przypadku „ścisłej równości” ( ===) nie ma takich grupowań. Tylko false === false.

Jest to jeden z powodów, dla których wielu programistów i wiele przewodników po stylu (np. Standardjs ) preferuje ===i prawie nigdy nie używa ==.

Naprawdę to docenia == false

„Prawda” oznacza po prostu, że ToBooleanzwraca wewnętrzną funkcję JavaScript true. Zrządzenie JavaScript, żeby mieć świadomość (i kolejny dobry powód, aby wolą ===nad ==): jest to możliwe, to jest wartość nie będzie truthy ( ToBooleanwraca true), ale również == false.

Możesz pomyśleć, że if (value && value == false) alert('Huh?')jest to logiczna niemożliwość, która nie mogła się wydarzyć, ale tak będzie, ponieważ:

• "0"i '0'- to niepuste ciągi, które są zgodne z prawdą, ale JavaScript ==dopasowuje liczby do równoważnych ciągów (np 42 == "42".). Od tego 0 == false, czy "0" == 0, "0" == false.
• new Number(0)i new Boolean(false)- są przedmiotami, które są zgodne z prawdą, ale ==dostrzegają ich wartości, które == false.
• 0 .toExponential(); - obiekt o wartości liczbowej równoważnej do 0
• Wszelkie podobne konstrukcje, które dają fałszywie wyrównaną wartość opakowaną w typ, który jest prawdziwy
• [], [[]]oraz [0](dzięki cloudfeet za link do tabeli równości JavaScript )

Niektóre bardziej prawdziwe wartości

To tylko kilka wartości, których niektórzy mogą się spodziewać, że są fałszywi, ale w rzeczywistości są prawdomówni.

• -1 i wszystkie niezerowe liczby ujemne
• ' ', " ", "false", 'null'... wszystkie niepuste ciągi, w tym strun, które są po prostu białe znaki

• Wszystko typeof, co zawsze zwraca niepusty ciąg, na przykład:

  • typeof null(zwraca ciąg znaków z 'object' powodu długotrwałego błędu / dziwactwa )
  • typeof undefined(zwraca ciąg znaków 'undefined')

• Każdy obiekt (z wyjątkiem „umyślnego naruszenia” document.allw przeglądarkach; pamiętaj, że nulltak naprawdę nie jest to obiekt, mimo że typeofsugeruje inaczej). Włącznie z:

  • {}
  • []
  • function(){}lub () => {}(dowolna funkcja, w tym puste funkcje)
  • Error i każdy przypadek Error
  • Każde wyrażenie regularne
  • Wszystko utworzone za pomocą new(w tym new Number(0)i new Boolean(false))
• Dowolny symbol

true, 1, "1"I [1]powrót truew stosunku do siebie nawzajem ==.

Nie zapomnij o niepustym ciągu, "false"który ma wartośćtrue

Aby dodać do listy wartości fałszowania @ user568458:

• Oprócz liczby całkowitej 0 liczba dziesiętna 0,0, 0,00 lub dowolna taka liczba zerowa jest również wartością fałszowania.

  var myNum = 0.0;
  if(myNum){
      console.log('I am a truthy value');
  }
  else {
      console.log('I am a falsy value');
  }

  Wydruki kodu powyżej I am a falsy value

• Podobnie reprezentacja szesnastkowa liczby 0 jest również wartością fałszowania, jak pokazano w poniższym fragmencie kodu:

  var myNum = 0x0; //hex representation of 0
  if(myNum){
      console.log('I am a truthy value');
  }   
  else {
      console.log('I am a falsy value');
  }

  Powyższy fragment kodu ponownie drukuje I am a falsy value.

Oprócz tego, od ES2020 mamy nową wartość, która jest fałszem, jest to BigInt zero (0n):

0n == false // true
-0n == false // true

Dzięki temu mamy teraz łącznie 7 wartości „falsy” (bez uwzględnienia document.all, jak wspomniano powyżej, ponieważ jest to część DOM, a nie JS).