Что означает !! (двойной восклицательный знак) в JavaScript?

Что такое !! (двойное отрицание) в JavaScript?

На самом деле !! — это не отдельный оператор, а просто последовательное применение двух логических операторов "НЕ" (!). Это очень популярный трюк (идиома) в JavaScript, который используется для явного преобразования любого значения в булевый тип (true или false).

Как это работает?

Давайте разберём по шагам:

1. Первый ! — берёт любое значение, преобразует его в булевый тип, а затем инвертирует (переворачивает).
2. Второй ! — берёт результат первого шага и снова инвертирует его.

В итоге мы получаем исходное логическое состояние значения, но уже в явном булевом формате (true или false).

Понятие "truthy" и "falsy" значений

В JavaScript все значения делятся на две категории:

• Falsy (ложные) — значения, которые при преобразовании в булевый тип становятся false. Их всего 6:
  • false
  • 0 (числовой ноль)
  • "" (пустая строка)
  • null
  • undefined
  • NaN
• Truthy (истинные) — все остальные значения (включая пустой массив [], пустой объект {}, строку "false" и т.д.)

Практические примеры

Сравните два подхода:

// Без !!
let value1 = "hello";
if (value1) {
  console.log("Выполнится, так как строка не пустая (truthy)");
}

// С !!
let value2 = 0;
let isTruthy = !!value2; // false
console.log(isTruthy); // false

// Полезный пример: проверка наличия значения в массиве
let users = ["Анна", "Иван", "Мария"];
let hasUsers = !!users.length; // true (так как 3 > 0)
console.log(hasUsers); // true

// Пример с объектом
let config = {};
let hasConfig = !!Object.keys(config).length; // false (пустой объект)

Зачем это нужно?

1. Явное преобразование типов — когда нужно гарантированно получить true или false, а не truthy/falsy значение.
2. Условные выражения — например, при возврате из функции:

function isUserLoggedIn(user) {
  return !!user && !!user.token;
}

// Вместо:
function isUserLoggedIn(user) {
  if (user && user.token) {
    return true;
  }
  return false;
}

3. Чистота кода — часто используется в React/Vue для рендеринга:

// React компонент
function Notification({ count }) {
  return (
    <div>
      {!!count && <span>У вас {count} новых сообщений</span>}
    </div>
  );
}

Важное предостережение

Не путайте !! с Boolean() — они делают одно и то же:

console.log(!!"текст");        // true
console.log(Boolean("текст")); // true

console.log(!!0);              // false
console.log(Boolean(0));       // false

Разница только в стиле: !! короче, но менее читаем для новичков. Boolean() явно показывает намерение преобразовать значение в булев тип.

В современных проектах часто используют Boolean() для лучшей читаемости, но !! остаётся популярным в legacy-коде и в ситуациях, где важна краткость.

// Что делает этот код?
if (!!user && !!user.address && !!user.address.city) {
  // ...
}

// Лучше написать так:
if (user && user.address && user.address.city) {
  // ...
}

// Вместо:
let isAvailable = !!inventory.count;

// Лучше:
let isAvailable = Boolean(inventory.count);

let isAvailable = Boolean(inventory.count) as boolean;