Усі значення фальси в JavaScript

Які значення в JavaScript є "falsey" , тобто вони виражають як помилкові у виразах, як if(value), value ?і !value?

Вже є деякі дискусії про призначення фальсифікованих значень на стеку Overflow , але жодної вичерпної повної відповіді, у якій перелічено всі значення фальси.

Я не зміг знайти жодного повного списку в MDN JavaScript Reference , і я здивовано виявив, що найкращими результатами при пошуку повного, авторитетного списку значень фальси в JavaScript були статті блогу, деякі з яких мали явні упущення (наприклад, NaN), і жоден з них не мав такого формату, як Stack Overflow, де можна додавати коментарі або альтернативні відповіді, щоб вказати на примхи, сюрпризи, упущення, помилки чи застереження. Отже, здавалося, має сенс зробити таке.

Значення Falsey в JavaScript

• false
• Нуль Numberтипу: 0а також -0, 0.0і шестигранна форма 0x0( завдяки RBT )
• Нульовий BigIntтип: 0nі -0n(новий в 2020 році, спасибі GetMeARemoteJob )
• "", ''і ``- рядки довжиною 0
• null
• undefined
• NaN
• document.all (лише в браузерах HTML)
  • Це дивне. document.allє об'єктом фальси, з typeofа undefined. Це була функція Microsoft-власника в IE до IE11, і вона була додана до специфікації HTML як "навмисне порушення специфікації JavaScript", щоб сайти, написані для IE, не порушувались при спробі доступу, наприклад document.all.something; це хибність, тому що if (document.all)раніше був популярним способом виявлення IE перед умовними коментарями. Див. Чому document.all хибний? для деталей

"Falsey" просто означає, що ToBooleanповертається внутрішня функція JavaScript false. ToBooleanлежить в основі !value, value ? ... : ...;і if (value). Ось його офіційна специфікація (робочий проект 2020 року) (єдиними змінами після першої специфікації сценарію ECMA в 1997 році є додавання символів ES6 , які завжди є непростими, і BigInt, згадане вище:

Порівняння з ==(вільна рівність)

Варто поговорити про нещільне порівняння== хибних значень , яке використовує ToNumber()та може викликати плутанину через основні відмінності. Вони ефективно формують три групи:

• false, 0, -0, "", '' всі співпадають між собою ==
  • наприклад false == "", '' == 0і тому4/2 - 2 == 'some string'.slice(11);
• null, undefined матч с ==
  • наприклад, null == undefinedалеundefined != false
  • Варто також відзначити , що в той час як typeof nullповертається 'object', nullце не об'єкт, це давня помилка / примха , яка не була встановлена для того , щоб забезпечити сумісність. Це не справжній об’єкт, а об'єкти є неправдивими (за винятком того, що "навмисне порушення", document.allколи Javascript реалізований у HTML)
• NaN нічого не відповідає, з ==або ===навіть сам по собі не
  • наприклад NaN != NaN, NaN !== NaN, NaN != false,NaN != null

При "суворій рівності" ( ===) таких групувань немає. Тільки false === false.

Це одна з причин, чому багато розробників і багато посібників зі стилів (наприклад, standardjs ) віддають перевагу ===і майже ніколи не використовують ==.

Фактичні значення, які є насправді == false

"Truthy" просто означає, що ToBooleanповертається внутрішня функція JavaScript true. Примха Javascript , щоб бути в курсі (і ще одна причина віддати перевагу ===більш ==): це можливо значення , яке має бути truthy ( ToBooleanповертається true), а й == false.

Ви можете подумати if (value && value == false) alert('Huh?'), що це логічна неможливість, що не могло статися, але це буде для:

• "0"і '0'- це не порожні рядки, які є простіми, але Javascript ==відповідає номерам з еквівалентними рядками (наприклад 42 == "42"). Так 0 == false, якщо "0" == 0, "0" == false.
• new Number(0)і new Boolean(false)- вони об'єкти, які є правдоподібними, але ==бачить їх значення, які == false.
• 0 .toExponential(); - об'єкт з числовим значенням, еквівалентним 0
• Будь-які подібні конструкції, які дають вам помилково рівне значення, загорнуте у тип "truthy"
• [], [[]]і [0](спасибі cloudfeet за посилання таблиці рівності JavaScript )

Ще кілька правдивих цінностей

Це лише декілька цінностей, які, можливо, деякі люди очікують на фальси, але насправді є неправдивими.

• -1 і всі ненульові від’ємні числа
• ' ', " ", "false", 'null'... все непусті рядки, в тому числі рядків, які тільки пробільні

• Що-небудь з typeof, що завжди повертає не порожній рядок, наприклад:

  • typeof null(повертає рядок 'object' через давню помилку / примху )
  • typeof undefined(повертає рядок 'undefined')

• Будь-який об’єкт (за винятком "навмисного порушення" document.allв браузерах; пам’ятайте, що nullце насправді не є об'єктом, незважаючи на typeofте, що пропонується інакше). У тому числі:

  • {}
  • []
  • function(){}або () => {}(будь-яка функція, включаючи порожні функції)
  • Error і будь-який примірник Error
  • Будь-який регулярний вираз
  • Все, що створено new(включаючи new Number(0)та new Boolean(false))
• Будь-який символ

true, 1, "1"І [1]повернення trueв порівнянні один з одним ==.

Не забувайте про не порожній рядок, "false"який оцінюєtrue

Просто додайте до @ user568458 список хибних значень:

• Крім цілого числа 0, десяткове число 0,0, 0,00 або будь-яке таке нульове число також є фальшивим значенням.

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

  Вище фрагменти коду надрукує I am a falsy value

• Аналогічно шістнадцяткове представлення числа 0 також є хибним значенням, як показано в фрагменті коду нижче:

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

  Над фрагментом коду знову друкується I am a falsy value.

На додаток до теми, оскільки для ES2020 у нас є нове значення, яке є помилковим, це BigInt zero (0n):

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

Таким чином, тепер у нас є 7 "хибних" значень (не включаючи document.all, як згадував користувач вище, оскільки це частина DOM, а не JS).