Приведение значений к Boolean в JavaScript

Логическое (или булевое) значение - это примитивный тип данных, который может содержать в себе true или false (истина или ложь). JavaScript использует приведение типа, чтобы привести значение к true\false. Есть явные и скрытые методы преобразования значений в их логические аналоги.

В этой статье мы поговорим о "истинных" и "ложных" значениях, а также о том, как преобразовать обычные значения в логические в JavaScript.

Шпаргалка по “инстинным” и “ложным” значениям в JavaScript

Boolean(false);         // false
Boolean(undefined);     // false
Boolean(null);          // false
Boolean('');            // false
Boolean(NaN);           // false
Boolean(0);             // false
Boolean(-0);            // false
Boolean(0n);            // false

Boolean(true);          // true
Boolean('hi');          // true
Boolean(1);             // true
Boolean([]);            // true
Boolean([0]);           // true
Boolean([1]);           // true
Boolean({});            // true
Boolean({ a: 1 });      // true

Эта шпаргалка - отличная иллюстрация того, какие значение в JavaScript конвертируются как “истинные” или “ложные”.

Выше мы говорили про разницу между явным и скрытым приведением, давайте посмотрим на разницу между ними.

Скрытое приведение инициируется движком JavaScript и происходит автоматически. Явное же приведение наоборот - происходит в “ручном режиме” с использованием встроенных способов JavaScript - оператора !! и функции Boolean().

Оператор !!

!!value

Думаю, вы уже знакомы с логическим оператором "НЕ” - !. Так вот оператор !! действует следующим образом: первый знак ! приводит значение к логическому и инвертирует его. Например, !true равняется false. Второй оператор ! снова инвертирует полученное значение. В нашем примере !false приравнивается к true.

В целом, лучше исопльзовать этот способ, так как у него лучше производительность. Единственное “но” при его использовании - низкая читабельность такого кода. Однако эта проблема возникает только в том случае, если другие разработчики не знакомы с тем, как работает этот оператор.

const value = 'Строчка истины'
!!value // true

Рассмотрим процесс поподробнее:

const value = 'Строчка истины'

!value // false
!!value // true

Ниже - примеры работы оператора !! со значениями из нашей шпаргалки:

// Ложные значения
!!'' // false
!!false // false
!!null // false
!!undefined // false
!!0 // false
!!NaN // false

// Истинные значения
!![] // true
!!"false" // true
!!true // true
!!1 // true
!!{} // true

Функция Boolean()

Boolean(value)

Boolean() - это глобальная функция, которая конвертирует значение, переданное в него, в логическое.

Не стоит использовать его с ключевым словом new (new Boolean), т.к. это создает сущность Boolean, которая является объектом. Ниже - пример правильного использования этой функции:

const value = 'Строчка правды'
Boolean(value) //true

Если кратко

В JavaScript есть два явных способа приведения значения к логическому.

1. !!

!!value

2. Boolean()

Boolean(value)

const finalThoughts = "Спасибо за прочтению! Надеюсь кому-то это будет полезно."

!!finalThoughts // true
Boolean(finalThoughts) // true